如何为独立组件导入 Angular 'number' 管道

如果你有如下 Angular 模板代码

number_pipe_usage.html

{{myNum | number:'1.1-1'}}

{{myNum | number:'1.1-1'}}

在独立组件中，你可以通过导入 DecimalPipe 来导入它：

decimal_pipe_import.ts

import { DecimalPipe } from '@angular/common';

@Component({
  selector: 'app-my-component',
  standalone: true,
  imports: [
    DecimalPipe
  ],
  templateUrl: './my-component.component.html',
  styleUrl: './my-component.component.scss'
}) /* ... */

import { DecimalPipe } from '@angular/common';

@Component({
  selector: 'app-my-component',
  standalone: true,
  imports: [
    DecimalPipe
  ],
  templateUrl: './my-component.component.html',
  styleUrl: './my-component.component.scss'
}) /* ... */

Check out similar posts by category: Angular, Typescript

If this post helped you, please consider buying me a coffee or donating via PayPal to support research & publishing of new posts on TechOverflow

Buy me a coffee