Angular10%Pipe

在本文中，我们将了解 Angular 10 中的percentPipe是什么以及如何使用它。

percentPipe用于将数字转换为百分比字符串。

句法：

{{ value | percent [ : digitsInfo [ : locale ] ] }}

NgModule：percentPipe使用的模块是：

• 通用模块

方法：

• 创建要使用的 Angular 应用程序
• 使用 percentPipe 不需要任何导入
• 在 app.component.ts 中定义采用 percentPipe 值的变量。
• 在 app.component.html 中使用上面的语法和 '|'符号来制作 percentPipe 元素。
• 使用 ng serve 为 Angular 应用程序服务以查看输出

输入值：

• value：它需要一个字符串值。

参数：

• digitsInfo：它需要一个字符串值。
• 语言环境：它需要一个字符串值。

示例 1：

app.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
    geeks: number = 0.4945;
    gfg: number = 2.343564;
  }