2017-04-13 6 views
0

を使用して変数になる:私はNG-繰り返し、それらの結果を作った書き込みngFor私はそれを行うことができますAngularJSを使用して角度2

item in (filteredList.sup = (nozzles | rangeFilter: { flow: calc.q.tempFlow, pressure: calc.pressure } | orderBy: 'pressao')) 

、私はfilteredList.sup変数に設定されています。

私は角度2を使用して同じことをやろうとしているが、AngularJS (Iは角2に新たなんだ)

ほど簡単ではありませんよ。

私が試した:成功せず ng2: How to create variable in ngFor loop

https://github.com/angular/angular/issues/2451

を! :/

PS * "controller" /component.tsの中で自分のパイプを使用することができます。

実際のコード:Angular2で

listService.ended 
    | filterBy: { empresaId: selectedCompany } 
    | filterOperador: filtroOperador 
    | dateRange: dateRange.min : dateRange.max 

filterBy = https://www.npmjs.com/package/ng2-filter-pipe

filterOperador & DATERANGE =カスタムパイプ

答えて

2

、それが実装されますが、Angular4でhereを述べたように、あなたすることはできませんangularjsと同じようにこれを再度実装できます。

*ngFor="let user of userObservable | async as results; 

私は "コントローラ" の内側に私のパイプを使用することができた場合、それはあまりにも助けることができる/component.ts。

テンプレートやコンポーネントに二回パイプを使用して気にしない場合ははい、あなたはこのようコンポーネントであなたのパイプを呼び出すことができます。

// inject the Pipe 
constructor(pipe: XXXPipe){} 

getPipeResult() { 
    // call Pipe's transform 
    let pipeResult = this.pipe.transform(input, arg1, arg2, ...) 
} 
+0

グレート!論理ファイル内のパイプは正常に動作しました。私はapp.module>プロバイダをコンストラクタ内で呼び出すために追加しました –

+0

そして、私はパイプを "マージ"しました。 –

+0

@HelcioMacedo喜んで助けました。 – Pengyy

関連する問題