問題タブ [angularjs-ng-repeat]

オブジェクトのリストをループするテーブルの一部であるフォームを作成しようとしています。オブジェクトごとに、ユーザーは属性をチェック/チェック解除できます。フォームの残りの部分は問題なく動作しますが、チェックボックスに ng-model 属性を設定するのに問題があります。

ここに私が持っているものがあります:

最初に、各セルに一意の ng-model を持つように ng-model="app_access_{{object.id}}" を設定しようとしました。これにより、テーブルの行が数十回繰り返されました。これらの空のセルには、それぞれチェック ボックスもあります。オブジェクトごとに 5 つのチェック ボックスがあり、特定の時点でフォーム内の複数のオブジェクトがあります。コントローラーの各チェック ボックス (または、チェックされているもののリスト) にアクセスできる必要があります。

ユーザーがとを使用してアイテムのリストを編集できるようにしようとしていngRepeatますngModel。（このフィドルを参照してください。）しかし、私が試した両方のアプローチは、奇妙な動作につながります。1つはモデルを更新せず、もう1つは各キーダウンでフォームをぼかします。

私はここで何か間違ったことをしていますか？これはサポートされているユースケースではありませんか？

便宜上コピーしたフィドルのコードは次のとおりです。

</ p>

したがって、100 個の li を持つ ul がある場合、各 li に ng-clicks が必要ですか、またはイベントを ul にバインドし、それを li の種類の jquery に委任する方法はありますか? これは良くなりますか、それとも悪くなりますか? 100 のイベントがありますか、それとも最終的に 1 つのイベントだけですか?

ng-click に問題があります (Angular 1.0.4 を使用しています)。最初の ng-click は動作しますが、2 回目は動作しません。

生成されたコードは良さそうです:

ng-repeatネストされたレンダリングが完了した後に実行されるディレクティブを構築しようとしています。これが私が試したことです（フィドル）：

HTML:

そして JavaScript:

カスタム ディレクティブのリンク関数は、すべての<li>要素がレンダリングされる前に実行されます (そして0警告が表示されます)。ng-repeatレンダリングが完了した後にコードを実行するにはどうすればよいですか?

Foundation ( http://foundation.zurb.com/ ) タブで ng-repeat を使用するのに苦労しています。

これにより、期待どおりにタブが表示され、3 つの幅が均等に配置されます。

以下のように ng-repeat を使用してタブを生成すると、タブが並んで配置されなくなりますが、各タブは幅全体を占有し、互いに積み重ねられます。

タブが ng-repeat で生成されたときにタブをレンダリングするにはどうすればよいですか?

私はAngularを使い始めたばかりです。現在、製品の json 配列が ng-repeat 内に表示されており、3 つおきの製品にクラスを追加しようとしています。

index%3 が 2 の場合に html 要素にクラスを追加する条件をリピーター内に記述する方法はありますか

ありがとう

ng-switch-whenをng-repeatの内部にネストすることは可能ですか?

実行すると、次の例外が発生しました。

ありがとうございました！

編集

私が達成しようとしているのは次のとおりです

したがって、上記の冗長な HTML テンプレート コード ( ng-switch-when ) を削減するためにng-repeatを使用できるかどうか疑問に思っていました。

親リスト (foos) のインデックスを、子リスト (foos.bars) の関数呼び出しの引数として使用したいと考えています。

誰かが $parent.$index の使用を推奨している投稿を見つけましたが$index、のプロパティではありません$parent。

親のインデックスにアクセスするにはどうすればよいng-repeatですか?

次のユーザーがいるとします。

<select>次のオプションを使用してを作成したいと思います。

つまり、ユーザーは名前でソートする必要があります。

構文を使用して次のことを試しました(key, value) in expressionが、機能しません。

実例はこちら。

私は何が欠けていますか？

と互換性のないng-options私が使用するソリューションを提案しないでください。ui-select2ng-options