---
order: 0
title: 管道
---

使用 `n2c` 便于直接在模板中渲染。

```ts
import { Component } from '@angular/core';

@Component({
    selector: 'app-demo',
    template: `
    <p>100.12 | n2c => {{ 100.12 | n2c }}</p>
    <p>100 | n2c:false => {{ 100 | n2c:false }}</p>
    <p>-100.56 | n2c => {{ -100.56 | n2c }}</p>
    <p>-100.56 | n2c:true:'欠' => {{ -100.56 | n2c:true:'欠' }}</p>
    `
})
export class DemoComponent {
}
```