問題タブ [angularjs-ng-repeat]

それ自体が ng-repeat ディレクティブにネストされている ng-repeat ディレクティブの「内」で ng-model を使用しようとしています。

次のjsfiddleは、私の問題とそれを解決するための2つの試みを示しています。

http://jsfiddle.net/rskLy/4/

私のコントローラーは次のように定義されています：

1.

最初の例/試行では、コントローラー内の machine.noteMatrix を更新しますが、チェックボックスが押されるたびに、angularjs は JavaScript コンソールに次のエラーを 2 回表示します。

リピーターでの重複は許可されていません。リピーター: ステップ イン トラック

また、次のエラーが表示されることもあります。

リピーターでの重複は許可されていません。リピーター: machine.noteMatrix[0] ではありません

2.

2 番目の例/試行では、noteMatrix からデータを正しく読み取り、チェックボックスをオンまたはオフにしても、javascript コンソールにエラーは表示されません。ただし、それらの状態を変更しても、コントローラーの machine.noteMatrix は更新されません (「マトリックスを表示」ボタンを押して、jsfiddle でマトリックスを表示します)。

誰でもこれに光を当てることができますか？:)

コメントを追加するときに angular.js ビュー自体を更新しようとしています。私のコードは次のとおりです。

入力時にスコープが更新されます。

$scope.currentItem をデバッグすると、コメントが追加されたことが示されますが、ビューには新しいコメントが表示されません。$scope は最初のレベルでのみ監視されており、これがビューが更新されない理由であると思われます。そうですか？もしそうなら、どうすれば修正できますか？

解決策: Ajay が以下の回答で示唆したように、配列プッシュを次のように適用関数にラップしました。

次のコードは、すべての div を次々に表示します。

これとは別に、ドロップダウン方式で右側にクリック可能なリストメニューがあります：

各リスト項目をクリックすると<div> Widget Code.... </div>、ページに既存の div を追加する同じものを追加します。

私の最近のビューは次のとおりです。既存の div の直後に、各リスト項目をクリックして div を追加したいと考えています。

助けが必要。ありがとうございました。

次のようなクリック可能なドロップダウン リストがあります。

同じhtmlページにAngularJSの次のコードがあります:

毎回リスト項目をクリックすると、各 div をページに追加したいと思います。私はこのように addWidget() 関数を呼び出します:

今私の質問は、静的IDをdivに割り当ててgetElementByIDに渡すと正常に動作しますが、動的な場合はどのようにIDを渡すので、それぞれの場合に正常に動作しますか?

ng-style を使用して、値に基づいてテーブル内のデータ要素の色を条件付きで設定しようとしています。データの各行は、ng の繰り返しを使用して生成されています。

だから私は次のようなものを持っています:

そして、次のようなことを行うコントローラーの関数：

私はいくつかの異なることを試しました。色を支払いオブジェクトのデータ属性として設定することもできますが、データバインディングからデータを処理するための ng-style を取得できないようです。これを機能させる方法を知っている人はいますか? ありがとう。

私のindex.htmlページは次のようなものです：

この ng-view には、次のようなすべてのレコードを表示するための record-list.html があります。

ここで、サイド パネルの各項目をクリックして、同じ構造を (各レコードのように) 追加したいと考えています。

その論理は何ですか？

私の最近のUIはこのように見えます。既存の構造を追加する必要があるクリックごとに同じ構造を追加したいと思います。

助けてください。ありがとう。