angular2 --使用DecimalPipe格式化數字

官方doc說明：http://angular2.axuer.com/docs/ts/latest/api/common/index/DecimalPipe-pipe.html；

使用方法：number_expression | number[:digitInfo]；

digitInfo是以下個格式：{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}；

minIntegerDigits：要使用的最小數字的整數位數。默認爲1；

minFractionDigits：小數點後的最小位數。默認爲0；

maxFractionDigits：小數點後的最大位數。默認爲3；

eg：

@Component({
  selector: 'number-pipe',
  template: 
                `<div>
                      <p>price (no formatting): {{price}}</p>
                      <p>price (2.1-5): {{price | number:'2.1-5'}}</p>
                      <p>price (3.2-4): {{price | number:'3.2-4'}}</p>
                  </div>`
})
export class NumberPipeComponent {
  price: number = 3.1415926;
}    

輸出結果以下：
price (no formatting): 3.1415926
price (2.1-5): 03.1
price (3.2-4): 003.14
        

angular2相比angularJs的filter更加靈活些  angularjs的的number過濾器使用方法：{{ num | number : 2 }}