Angular10 por cientoPipe

En este artículo, veremos qué es percentPipe en Angular 10 y cómo usarlo.

El porcentaje de tubería 

Sintaxis:

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

NgModule: el módulo utilizado por percentPipe es:

• CommonModule

Acercarse:

• Cree la aplicación angular que se utilizará
• No hay necesidad de ninguna importación para que se use percentPipe
• En app.component.ts, defina las variables que toman el valor de percentPipe.
• En app.component.html use la sintaxis anterior con ‘|’ símbolo para hacer elemento percentPipe.
• Sirva la aplicación angular usando ng serve para ver el resultado

Valor de entrada:

• valor: toma un valor de string.

Parámetros:

• digitsInfo: toma un valor de string.
• locale: toma un valor de string.

Ejemplo 1:

aplicación.componente.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;
  }