問題タブ [angularjs-ng-repeat]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
882 参照

angularjs - AngularJS で ng-repeat を使用すると、$scope 変数が子の間で衝突するのはなぜですか?

2 つの子を持つ「ディスカッション」または「ディベート」を表すオブジェクトがあります。各子は、ディベートの「競合」を表す子オブジェクトのコレクションです。1 つの子は「肯定的な」主張の集まりであり、もう 1 つは「否定的な」主張の集まりです。

私はこのようなものを使用しています:

これにより、2 つの競合セットが表示され、それぞれの上部に [新規競合の追加] フォームがあります。フォームは、toggleEditForm() メソッドに基づいて切り替えられます。「新しい競合」と「競合の編集」に同じフォーム テンプレートを使用しているため、そのフォームには競合が「肯定的」か「否定的」かのモデル (ラジオ ボタン) があります。

コントローラー「contentionGroupCtrl」は競合のグループ用であり、その toggleEditForm メソッドは次のようになります。

「肯定」側の「新しい競合の追加」フォームを開いたとしましょう。ラジオボタン「肯定」が選択された状態で、空白の名前が表示されます。次に、[Negative] 側の [Add New Contention] ボタンをクリックすると、適切なフォームが表示されますが、両方の [Name] フィールドが空白になり、両方の [Negative] のラジオ ボタンが選択されます。

$scope はそれぞれの側で異なるはずですよね? 各フォームは独自の $scope.edit モデルを使用します。否定的な競合側の「edit.name」および「edit.aff」モデルを変更すると、肯定的な側に影響するのはなぜですか?

0 投票する
6 に答える
26720 参照

javascript - Angular ディレクティブが ng-repeat 内で評価されない

私は次の設定をしています:

アプリ/指令

コントローラ

HTML:

これは非常に単純な例ですが、レンダリングできません。おそらく、チュートリアルでは教えてくれないことがあるでしょうか、それとも Angular の秘密の知識でしょうか?

<tr ng-repeat="..." />代わりにand内のディレクティブを削除すると<td>{{ displayText }}</td>、すべてのレコードが表示されます。

<td>{{}}</td>しかし、複数のアプリでこのディレクティブを再利用できるように、ディレクティブを (最終的には)単一のものよりも複雑にしたいと考えています。

では、ng-repeat 内に入るディレクティブを適切に作成するにはどうすればよいのでしょうか。私は何が欠けていますか?上記のコードから何を削除する必要がありますか?

0 投票する
2 に答える
1421 参照

javascript - 1.1.0 から 1.1.1 へのアップグレード後に Angular JS が失敗する

ng-repeat をアップグレードすると、読み込みに非常に時間がかかり、$resource によって提供されているコンテンツなしで、より多くのコンテンツ ボックスを表示しようとします。

問題を 1.1.0 と 1.1.1 の間のアップデートに絞り込みました。変更ログを調べましたが、犯人であると思われるものは何も見つかりませんでしたが、そこにあるに違いありません。

変更ログ => https://github.com/angular/angular.js/blob/master/CHANGELOG.md#111-pathological-kerning-2012-11-26

このアプリのリポジトリ => https://github.com/brianpetro/resume

現在、私のAngularは次のようになっています:

これは、ng-repeat を使用して複数のビューで発生します。

これは AngularJS バージョン 1.1.0 です: これは AngularJS バージョン 1.1.0 です これは AngularJS バージョン 1.1.1 です: これは AngularJS バージョン 1.1.1 です

0 投票する
2 に答える
2123 参照

angularjs - ネストされたオブジェクトの AngularJS フィルター

オブジェクトの配列を含むオブジェクトの配列があります。

およびテンプレート:

ここで、フィルタを使用して一致する文字列を検索しますが、これは最初のディレクティブfilterにのみ適用されます。ng-repeat2 番目のディレクティブを検索フィルターに含めるにはどうすればよいですか? 前もって感謝します。

0 投票する
1 に答える
5163 参照

angularjs - ng-repeat がレンダリングされない AngularJS ディレクティブ

問題は、サービスから取得したガムボールのリストを管理する必要があることです。私が作成したディレクティブは、HTML で要素をハードコードするときに機能するように見えますが、ng-repeat を使用してガムボールを動的に割り当てようとすると機能します。

HTML

JavaScript

CSS

http://jsfiddle.net/i3sik/NGB9v/22/

ディレクティブに渡されたときの id および color 属性は、ng-repeat を使用して渡されたときに未定義になりますが、HTML でハードコードされている場合は機能します。

0 投票する
1 に答える
330 参照

razor - エンコードせずにURLヘルパーで特殊文字を使用するには?

センターのテーブルを表示するために ng-repeat を使用しています。各センターで、角度からのデータを使用する編集ボタンを提供したいと思います:

今VSは私に式のエラーを与えています:

方法が見つからないように見えるので、かみそりは {{center.Code} の値をプレーンな html のように使用しています。