Wie Variablen in Dezimal-Rohr verwenden, in Winkel 2

Question

Ich mag ein Dezimal-Rohr für Nummer erstellen Formatierung mit dynamischen Variablen in Winkel 2

Beispiel für Dezimal-Rohr - number_expression | Nummer [: digitInfo] wo digitInfo ist eine Zeichenkette, die ein folgendes Format hat:.. {minIntegerDigits} {minFractionDigits} - {maxFractionDigits}

Ich möchte die {minIntegerDigits} {minFractionDigits} - {maxFractionDigits} gesetzt werden durch mein Code

Answer 1

Ihr eigenes Rohr schreiben, das ist eine Probe, die von offiziellen Dokumenten:

import { Pipe, PipeTransform } from '@angular/core'; 
/* 
* Raise the value exponentially 
* Takes an exponent argument that defaults to 1. 
* Usage: 
* value | exponentialStrength:exponent 
* Example: 
* {{ 2 | exponentialStrength:10}} 
* formats to: 1024 
*/ 
@Pipe({name: 'exponentialStrength'}) 
export class ExponentialStrengthPipe implements PipeTransform { 
    transform(value: number, exponent: string): number { 
    let exp = parseFloat(exponent); 
    return Math.pow(value, isNaN(exp) ? 1 : exp); 
    } 
} 

Lassen Sie sich die DecimalNumberPipe schreibt

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({name: 'decimalNumber'}) 
export class DecimalNumberPipe implements PipeTransform { 
    transform(value: number, decimal: string): number { 
    let dec = value - Math.floor(value) 
    return dec;// write your formatting code here 
    } 
}