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

javascript - AngularJS : ng-repeat に由来する 1 つの div のみを更新する

ページに多数の div があります。異なる ID を含む各 div。すべての div には、いくつかの高いチャートがあり、結果をフィルタリングするためのリンクもあります。各 div は、次のように angularJS の ng-repeat から取得されます。

<li id="{{record.id}} "ng-repeat = "record in records">:

このリスト内の div の 1 つは、次のような構造です。

同じページの私のスクリプトは次のようなものです:

今私の質問は、編集をクリックすると基準が尋ねられ、ログインすると円グラフがログインバーグラフに置き換えられますが、その時点でページ全体が更新されます。

id="criteria" を持つ div のみが更新されるようにします。

私はすでに次のことを試しましたが、これは機能していません:

助けが必要です。ありがとうございます。

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

angularjs - ng-repeat を使用している場合、リスト アイテムの削除時にトランスクルードされた要素が削除されない

を使用してインスタンス化するウィジェットがありますng-repeat。最初の作成は正常に機能しますが、その後は更新が停止します。からの抜粋は次のindex.htmlとおりです。

パーシャル/node.html:

そしてディレクティブ:

コンソールでノードのリストを次のように変更すると:

...その後、$destroyコールバックが実行されますが、レンダリングされた要素は変更されません。ディレクティブに欠けているものはありますか?

デモ:プランカー

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

javascript - ページネーションを追加した後の AngularJS のカスタム フィルター

ng-repeat リストにページネーションを実装した後 (フィルタリング後に AngularJS のページネーションを更新します)

カスタムフィルターに問題があります

複数の言語で検索するには、このフィルターが必要です (2 つ以上の言語を選択します)。filtered = (list | filter:search)データを listのデータに置き換えると、機能していることがわかります。しかし、ページネーションのためにフィルタリングする必要があります。

jsFiddle: http://jsfiddle.net/StinsonMaster/SuEX6/4/ (前のスレッドのフィドルに基づく)

0 投票する
4 に答える
87442 参照

javascript - AngularJS: データが読み込まれるまで HTML の読み込みを表示

データの読み込みが完了するまで AngularJS に読み込みスピナーを表示させるにはどうすればよいですか?

コントローラーが$scope.items = [{name: "One"}]静的にセットアップされ、データを取り込む AJAX ローダーがある$scope.items[0]['lateLoader'] = "Hello"場合、AJAX の読み込みが完了するまでスピナーを表示してから、バインドされたスパンに取得したデータを入力します。

このコードはバインドされたスパンにすぐに値を設定し、item.lateLoader空のスピナーは何も置き換えません。

これをきれいにするにはどうすればよいですか?

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

javascript - このグループ化角度フィルターがダイジェスト ループを引き起こすのはなぜですか?

一度に N 個のアイテムのチャンクで多数のアイテムを表示しようとしています。マークアップは表形式/グリッド化する必要があるため、項目をチャンクする必要があります (N 項目のグループごとに行があり、次に項目ごとに列があります)。簡単な試みを次に示します。

(フルバージョンはこちら: http://jsfiddle.net/bradleybuda/twhVj/3/ )

これにより、"10 $digest() iterations reached" エラーが発生します。この質問に対する受け入れられた回答を見てきましたが、そこにある提案は機能しません(フィルターをnukingし、コントローラーでこれをすべて行う以外は)。この種の ng-repeat をテンプレート/フィルターで機能させる方法はありますか? コントローラーでそれを行うのは見苦しいです。

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

php - AngularJS で ngRepeat を使用するとコンソールでエラーが発生する

私は AngularJS の初心者で、少し問題があります。

これが私のコードです:

JS:

HTML:

getappinfo.php から、いくつかのオブジェクトを含む json 配列を取得します...それらのすべてに「name」および「logo」プロパティがあります。それはすべて正常に動作します。

しかし、まだ気になる小さな問題があります。 コンソールのエラー

これは、Google Chrome のコンソールに表示されるエラーです。

このエラーの原因を理解しています。でも、どうやって捨てればいいのかわからない…

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

angularjs - AngularJS: ng-repeat のスコープ

一部のパーシャルを動的に ng-include しようとしています。これを行うには他の方法があるかもしれませんが、この方法が機能しない理由を理解したいと思います。

次のように定義されたコントローラーがあります。

コードの静的バージョンを実行すると、すべて正常に動作します。

ただし、ng-repeat を使用してこれを複製しようとすると、黙って失敗します。

繰り返しになりますが、この例では、配列を反復処理して $index を使用するだけではあまり意味がありませんが、私を困惑させているのは、根底にあるスコープの切断です。誰でも私にアドバイスできますか?