正の数値（負符号なし）を書式設定して印刷する角度のHTMLコード

Question

数値に正または負の値を設定できます。私は常にそれを否定的として印刷したいと思います。 Angular 2 htmlコードで書式を設定する方法はありますか？私はtypescript/javascriptでそれを行う方法を知っています。私はちょうど数の否定を取得するために直接

Answer 1

早道角度HTMLコードでフォーマットすることができた場合でも、不思議と、次のとおりです。

-Math.abs(num); 

---

角度がテンプレートでレンダリングされたデータを変換するためにパイプを使用しています。あなたのテンプレートでは ng g pipe minus

@Pipe({name: 'minus'}) 

export class MinusPipe implements PipeTransform { 
    transform(num: number, args?: any): any { 
    return -Math.abs(num); 
    } 
} 

角度-cliを使用している場合

：あなたは、パイプを使用する必要が

{{ myNumber | minus }} 

Answer 2

カスタムパイプを作成します 。ここでは1です：

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

@Pipe({name: 'negativeNumber'}) 

export class NumberFormatPipe implements PipeTransform { 
    transform(value: number): number { 
     return Math.abs(value)*(-1); 
    } 
} 

はこの変換機能を持つカスタムパイプを作成し、この

<div>{{somevalue | negativeNumber}}</div>