問題タブ [angularjs-scope]

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 に答える
1482 参照

javascript - angularテンプレートの再コンパイル時にオブジェクトが消える

このフィドルをチェックしてください:http://jsfiddle.net/z9XK3/6/

「Clone me Clone me link」をクリックしてみてください

元のテンプレートで<span>100</span>は、文字列 'String' は引き続き表示されるのに対し、オブジェクトであるため が表示されないことに注意してください。

なぜこうなった?さらに、「Clone me Clone me」リンクをクリックするとオリジナル<span>100</span>が消えないようにするにはどうすればよいですか?

(注:これは私が直面している実際の問題を単純化したものです。この場合<div ng-controller="Ctrl"></div>、newTemplate変数をラップすることでこれを解決できます。しかし、私が直面している実際の問題では、ng-controller divを追加しても解決されません問題があるので、新しい洞察を教えてください)

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

angularjs - 一部のデータが外部ソースから読み込まれるまで、ビューのレンダリングを延期するにはどうすればよいですか?

$rootScope私のアプリは、初期化時に外部ソースからいくつかのデータをロードする必要があります。データは外部ソースからのものであるため、データのロードに必要な時間は保証されません。データが正常に読み込まれるまで、ビューのレンダリングを延期したいと考えています。これを達成する方法はありますか?

このアプリでは Angular ルーティングを使用していないことに注意してください。

ここに簡単なデモがあります

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

javascript - AngularJS $compile による動的コンテンツのスコープがコントローラーのスコープにアタッチされていません

ディレクティブを持つ文字列を介して新しい要素を生成し (そのためコンパイルする必要があります)、そのディレクティブが "=" を介してコントローラー スコープ内の変数との関連付けを生成すると、コントローラー内の変数は、ディレクティブに 1 つ。

「ドア」の ng-model 値をすべてのディレクティブ モデル値に関連付ける必要がある例を示すために、jsfiddle を作成しました。

このフィドルを参照してください:http://jsfiddle.net/aVJqU/2/

私が気付いたもう 1 つのことは、html に存在する要素から実行されるディレクティブが、変数 (コントローラーとディレクティブ) を介して正しい関連付けを示していることです。

html (バインドするディレクティブがあります<door>):

これはディレクティブです:

これはコントローラーです:

そして最後に、これはバインドしないディレクティブを持つ文字列をコンパイルするディレクティブです。

すべての「ドア」の ng-model 値を一緒にバインドするにはどうすればよいですか? コンパイルされたディレクティブはどこにバインドされていますか?

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

angularjs - AngularJS - サブディレクティブで ng-repeat フィルタリングされたリストをトランスクルードしてアクセスします。

に入る要素を並べて表示したい(フィルタリングされたリストに基づいng-repeatてそれらを設定する)css

理想的には、次のような html マークアップを使用したいと思います。

  1. に渡されているリストにアクセスすることはできますng-repeatか? (AngularJS 以外の方法- ngRepeat でフィルタリングされた結果参照を取得する方法)
  2. ディレクティブが実際にcssを適用するように、どうにかtranscludeしてアイテムを取得できますかtile(抽象化したいng-style="{top:getTop(item),left:getLeft(item)}"など)
0 投票する
1 に答える
1144 参照

javascript - Angular.js は、毎秒変化するスコープのフィルターと関数

問題。エントリのテーブル( $scope.entries)があり、各行(ng-repeat)には5列があり、そのうちの2列にはさまざまな変換用のカスタムフィルターがあります。

今、同じスコープに active_entry( $scope.active_entry) があります。

これにより、Batarang のWatch Expressionsが時間の経過とともに非常に高くなります。

フィルターが毎秒何度もレンダリングされないように、active_entry のある種の分離スコープを作成するにはどうすればよいですか?

分離スコープを作成する唯一の方法は、ディレクティブを作成することですか? それはうまくいくでしょうか?後でコントローラーで分離されたスコープからの値が必要になった場合はどうすればよいですか?

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

angularjs - Angular で子ノードを置き換える

データツリーを操作しています。特定のノードから、RESTful サーバーから返される子ノードを追加する必要がある場合があります。データは次のように始まります…</p>

次に、返される「id:1」の投稿を行います…</p>

…これは、要求されたノードの完全な置き換えです。Angular でモデルを適切にレイアウトし、データの変更を受け入れ、それらの変更をサーバーに投稿し、最後の JSON BLOB を受け入れます。素晴らしい。しかし、新しいデータで $scope を更新する方法がわかりません。私のビューは次のようになります…</p>

そしてコントローラー…</p>

何かご意見は?前もって感謝します、Angular のドキュメントは… 欲しい… しかし、私はユーザー ベースが非常に役立つことを発見しました。