問題タブ [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 に答える
49 参照

angularjs - 選択メニューのデフォルト オプションを設定する

ng-repeat から生成された選択メニューがあります。3 から始まることに気付きました。これは理想的ではありません。デフォルトで 1 人の子に設定するにはどうすればよいですか?

注意すべきことは、関連しない他のコードの部屋オブジェクトからインデックス番号を取得できる必要があることです。

プランカーはこちら: LINK

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

angularjs - モデル変数にバインドされた入力の角度値

コードの問題を特定するのに助けが必要です。Angular.js は入力ng-modelにバインドしていますが、これは私が望んでいるものではありません。次のような ng-include を含む角度リピーターがあります。

含まれる項目テンプレートは、item.template に基づく単純な入力フィールドです。問題のあるタグは <textarea> と <input> です。

つまり、これを含めます:

アイテムは次のようになります。

したがって、上記のものがレンダリングされると、

しかし、問題は、入力フィールドに値として項目番号があり、を変更するとラベルも変更されることです。value=""またはplaceholder="blah"を入れても、この動作は引き続き発生します。

私はまだそこまで行っていませんが、モデルも番号で更新されていると思います。

私はそこで何が間違っていますか?

0 投票する
7 に答える
474317 参照

angularjs - ng-repeat 内の ng-click 関数にパラメーターを追加しても機能しないようです

ng-repeat次のような単純なループがあります。

コントローラーには機能があります$scope.removeTask(taskID)

私が知る限り、Angular は最初にビューをレンダリングし、補間{{task.id}}された値を数値に置き換えてから、クリック イベントでng-click文字列を評価します。

この場合ng-click、完全に期待どおりの結果が得られます。つまり:ng-click="removeTask(5)".ただし... 何もしていません。

もちろんtask.id$tasks配列や DOM から取得するコードを書くこともできますが、これは Angular の方法とは思えません。

では、ループng-click内のディレクティブに動的コンテンツを追加するにはどうすればよいでしょうか?ng-repeat

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

angularjs - Angular: ng-repeat ループで XHR リクエストを介して画像をロードする方法

すべての人が写真を持てる連絡帳を作ろうとしています。写真を取得する前に連絡先を表示したいので、次のように記述します

私のスコープで利用可能な get_photo(person) を呼び出そうとします。

関数を ng-src にバインドし、ng-repeat が呼び出されるたびに get_photo を呼び出すため、これは機能しません。

最後に、DOM 要素の初期化時に get_photo を呼び出し、その結果を特定の属性の写真に格納しようとしました

同じことを行うためのより簡単でクリーンな方法はありますか? jsFiddle も作成しました: http://jsfiddle.net/V4Mss/

フィードバックをお寄せいただきありがとうございます。

t00f

0 投票する
3 に答える
5531 参照

javascript - ng-repeat データ バインディングでの AngularJS の問題

シナリオ

動的/実行時に計算された値の配列にバインドする ng-repeat を使用するリピーターがあります。(つまり、私の配列には Brokerage: ($scope.BuyValue() + $scope.SellValue())* 0.5/100 のようなフィールドが含まれています)。

問題

ng-model を持つ入力ボックスの値を変更すると、リピーター内のフィールド Broker.Brokerage が更新されません。しかし、リピーター外のフィールドを適切に更新/バインドできます。

コード

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

angularjs - ng 繰り返しテンプレートは 404 (見つかりません) を引き起こします

私は ng リピーターを持っており、記事リスト ページのリスト アイテム テンプレートを定義しました。

コンソールを確認すると、ファイルimages/news/{{article.id}}.jpgの 404 not found エラーが表示されます

この問題を防ぐにはどうすればよいですか?

ありがとう

0 投票する
3 に答える
234687 参照

arrays - ngRepeat 配列間で AngularJS のオブジェクトをプッシュする方法

だから私はAngularJSが初めてで、ng-repeatアイテムリストを作成してから、選択したアイテムを別のng-repeatリストにプッシュできる非常に単純なリストアプリを構築しようとしています。私の問題は非常に単純に思えますが、まだ適切な解決策を見つけることができませんでした。

したがって、簡略化されたマークアップは次のとおりです。

そして、ここに私のAngularJSスクリプトがあります:

ボタンをクリックすると、toggleChecked() 関数がトリガーされ、実際にチェック済みリストに何かがプッシュされます。ただし、空のオブジェクトのようです。関数は、プッシュしたい実際のアイテムを取得できません。

ここで何が間違っていますか?

注: ボタンをクリックしてアイテムをチェックすることを意図しています。この場合、チェックボックスを使用したくありません。

ここで動作モデルを見ることができます: http://jsfiddle.net/7n8NR/1/

乾杯、ノーマン