問題タブ [angular-pipe]

私は次の表を持っています：

このテーブルでは、データのグループ化に @pipe を使用しています。パイプは次のようになります。

これはうまくいきます。

data2.SomeNumericValueパイプを使用して *ngFor 内でレンダリングされているものの合計を取得する必要があります。ただし、合計は *ngFor の外でレンダリングする必要があります。上記の例では、あるべき場所を書きました。実際のテーブルには、多くの列と行が含まれています。また、行を動的に追加できます。いくつかの列で、合計を取得したい。関数を記述して結果をセルにレンダリングする方法を知っています。ただし、反復回数を減らすため、* ngFor内で合計を計算する必要があると思います。しかし、多分私は間違っています。これを行う方法と、どの方法が最適ですか?

私は Angular 2 を学んでいますが、取り組むことができなかった 1 つの問題は、バインドしている属性の名前を静的に指定せずに ngModel でフォームを作成することです。

この問題を克服するためのメカニズム (十分に一般的であることは確かですが) や、コミュニティ内でどのように言及されているかはわかりません。

テンプレートにはキーと値が表示されますが、保存時に更新が反映されません。動的な方法で属性を参照すると、バインディングが失われるようです。(データをパイプする前に、バインドされた属性を評価していますか?)

これが私が立ち往生している場所です：

テンプレート：

パイプ：

成分：