問題タブ [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.
angularjs - ng-repeat の angular ディレクティブで変数をプリレンダリングするにはどうすればよいですか?
grid のような再利用可能なディレクティブを作成しようとしています。コントローラーでデータとアクション (編集、削除など) を定義したいと考えています。
問題は、 のディレクティブの一部を事前レンダリングする方法ですng-repeat
。
今はアクションリンクです<a href="#edit/{{row.id}}">
が、これが必要<a href="#edit/1>
です。また、削除の場合、ng-click は機能しません。コンパイルで遊んでみましたが、できませんでした。手伝って頂けますか?アクションがリストのサブディレクティブである可能性がありますが、問題は同じです。
プランカーのライブ テンプレートは次のとおりです: http://plnkr.co/edit/O7hXXgQb0Num1xZs5Xrt?p=preview
href:'#edit'
注:ctrlでアクション定義を変更できることはわかっています<a href="{{action.href}}/{{row.id}}">
が、これはあまり良い解決策ではありません。これは、このディレクティブの他の使用法では$scope.data
、アクションに渡すことができる他のパラメーターになる可能性があるためです。{{row.id}}
更新された例: 削除用の ng-click を追加
angularjs - AngularJS でのフィルタリング イベントを監視する - 画像の遅延読み込み
ngRepeat でのフィルタリングが発生したときに、ディレクティブ内からフィルタリング イベントを監視したいと思います。フィルタリングが発生したときに発行されるイベントはありますか?
私がやっていることは、サムネイルのリストの画像の遅延読み込みを実装することです。動作しますが、フィルタリングを開始すると、ビューポートの外にあり、フィルタリング後に表示される画像は、ng-src 属性を置き換える必要があります。
ディレクティブは次のとおりです。
HTML
現在、次のエラーが発生します。
TLDR: フィルタリングされたコレクションの変更を監視する代わりに、ディレクティブがリッスンする何らかのフィルタリング イベントを発行する方法はありますか? (フィルタリングは、検索フィールドとカテゴリ選択メニューで行われます)
angularjs - AngularJS: data-ng-model & data-ng-hide/show
私の index.html ページは次のようになります。
この data-ng-view には、次のコードがあるという別のページ recordlist.html があります。
私の質問は、チェックボックスをオンにしたときに最初の div を表示し、チェックを外したときに 2 番目の div を表示したいということです。 data-ng-model と data-ng-hide/show の両方が同じページにある場合その後は正常に動作しますが、私の場合は 2 つの異なるページに表示されます。
それが正しいか ?どうすればこれを実装できますか。助けが必要です。ありがとうございます。
javascript - 複数の ng-repeat'ed 配列間での DOM 要素の ng-animate 移動
仮定する:
- 複数のオブジェクトがあります。
- 複数の配列があります。
- 配列はオブジェクトを参照できます。
- オブジェクトは 1 回だけ参照できます (参照されます)。
簡単に言えば、オブジェクトは一度に 1 つの配列に「ある」ことができます。
特定のオブジェクトをある配列から別の配列に「移動」することにより、オブジェクトは同じままになります。
問題は - AngularJSng-repeat
は、同じ JS オブジェクトに対して、オブジェクトが「移動」するたびに -ed 配列のそれぞれに異なる DOM 要素を作成することです。
質問- 状況を考えると、ng-animate
この動きを次から次へと明確にすることは可能ng-repeat
ですか?
この明確な動きのないプレビューフィドルを作成しました。
PS より評判の良い人がangularjs-ng-animate
タグを追加する必要があります。:-)
angularjs - $digest再帰エラーを取得せずにディレクティブ内に$compile'd HTMLコードを挿入する方法は?
ng-repeat
(データベースからの) 項目データに応じて、大文字と小文字を切り替えてカスタム HTML を作成するディレクティブがあります。
上記のコードは機能しますが、関数内の bindable{{step.title}}
は機能しません。私は試し$compile(html)($scope)
ましたが、それは私に与えましたError: 10 $digest() iterations reached. Aborting!
。これにどう対処すればいいですか?
arrays - Angular: json オブジェクトの最後の 3 つの要素を取得する
アイテムをリストし、ユーザーがコメントを追加できるページがあります。
- そのページで、最後に追加された 3 つのコメントを表示したいと思います。JSON オブジェクトから最後の 3 つのコメントを取得する方法に関するヒントはありますか?
- また、新しいコメントを追加するときに、コメント番号を増やすにはどうすればよいですか (今のところハードコードされています)。
私のコードを参照してください: http://plnkr.co/edit/iOBXuQVY40LD8d8QV5ss?p=preview
ありがとう
angularjs - angularjsはスコープ内のオブジェクトの変更にどのように反応しますか?
配列内の要素を表示するビューがあり、配列が大きくなる場合。angularはDOMをどのようにリフレッシュしますか? 新しい要素を既存のビューに追加するだけですか、それともすべてを再作成しますか?
リストに何かを追加し続けると、画家のシュレミエルのアルゴリズムに遭遇するのではないかと心配しています...