Angular2 Component.jsのパイプを使用する

Question

私はAngular2を学んでいます。私は1000カンマ区切りを追加して数値を書式化したいと思います。私が読んだ限り、これはPipesを使用して行うことができますが、事実は、htmlではなくjsファイル内のプログラムで番号をフォーマットしたいということです（var | numberのようにする）。

まず最初に、NumberPipeスタンドアロンパイプがあります（私が間違っていれば修正してください）。最も類似したものは、@ angular2/commonのCurrencyPipeです。だから私はこのようなものがあります：

import { Component } from '@angular/core'; 
import { CurrencyPipe } from '@angular/common'; 

@Component({ 
    templateUrl: 'test.component.html', 
    styleUrls: ['./test.component.scss'] 
}) 
export class TestComponent { 
    public myNumber = 1000; 

    constructor(private currencyPipe: CurrencyPipe) {  
     var formatted = this.currencyPipe().transform(this.myNumber, 'MXN', true); // Is this correct? 
    } 

} 

をしかし、それは私に次のエラースロー： 未処理の約束を拒否：CurrencyPipeなしプロバイダーを！ ;ゾーン：角度; ...

私は間違っていますか？

ありがとうございます。

よろしく

Answer 1

まず最初：あなたのパイプを宣言する必要がある - NgModule declarationsセクションに追加します。

declarations: [CurrencyPipe] 

二つ目：パイプは注射剤ではありませんので、あなたは、そのインスタンスを取ることができません角度依存性注入システムを使用することによって達成される。

var formatted = (new CurrencyPipe()).transform(this.myNumber, 'MXN', true);