0

テーブルの値がいつ変更されたかを示す動的データを含むテーブルの例を作成したいと考えています。

データのテーブルを想像してみてください。1 つの行の 1 つのセルの値が変更され、変更されたことを示すために緑色に変わります。

私はAngularが初めてです。私はチュートリアルを完了しましたが、これに対する正しい種類のアプローチを理解するのに苦労しています. ステップバイステップのチュートリアルを求めているわけではありませんが、Angular のベテランが、Angular のどの部分に焦点を当てる必要があるかについて大まかなアプローチと、アプリを構成するための最良の方法に関するいくつかのヒントを教えてくれれば、それは大きな助けになるでしょう。

現在、JSON オブジェクトの配列がアタッチされて$scope.rowsおり、行を使用して作成されたテーブルがありますng-repeat。行データの一部の値をランダムに変更するボタンがあります。期待どおりに行を更新するというトリックを行っているようですが、データバインディングとdom操作の間のギャップを埋める方法がわかりません。そして、私のアプローチがすべて間違っている可能性があります。

4

1 に答える 1

1

行オブジェクトがいつ変更され、どの要素が変更されたかを検出する必要があります。最初に行オブジェクトのコピーを作成してから、scope.rows を監視することで、同様のことを行いました (オブジェクトの等価フラグを含めるようにしてください)。ウォッチが起動したら、scope.rows オブジェクトをループし、異なる要素を見つけたら、ブール型のプロパティを配置して true に設定します。

行 DOM タグで、次を使用します。

ng-class="{highlightRowCSSClass:row.boolProp, normalRowCSSClass:!row.boolProp }"

そして、変更された要素を示したいものに、highlightRowCSSClass を設定します。

オブジェクトにプロップを設定したら、行のコピーを現在の状態に設定し、ウォッチが再び起動するのを待ちます。「オン」になっている 2 つの要素がないように、再度ループするときに各要素の古い値をクリアする必要があります。

于 2013-08-19T16:06:53.267 に答える