問題タブ [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.
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を追加しても解決されません問題があるので、新しい洞察を教えてください)
angularjs - 一部のデータが外部ソースから読み込まれるまで、ビューのレンダリングを延期するにはどうすればよいですか?
$rootScope
私のアプリは、初期化時に外部ソースからいくつかのデータをロードする必要があります。データは外部ソースからのものであるため、データのロードに必要な時間は保証されません。データが正常に読み込まれるまで、ビューのレンダリングを延期したいと考えています。これを達成する方法はありますか?
このアプリでは Angular ルーティングを使用していないことに注意してください。
ここに簡単なデモがあります
javascript - AngularJS $compile による動的コンテンツのスコープがコントローラーのスコープにアタッチされていません
ディレクティブを持つ文字列を介して新しい要素を生成し (そのためコンパイルする必要があります)、そのディレクティブが "=" を介してコントローラー スコープ内の変数との関連付けを生成すると、コントローラー内の変数は、ディレクティブに 1 つ。
「ドア」の ng-model 値をすべてのディレクティブ モデル値に関連付ける必要がある例を示すために、jsfiddle を作成しました。
このフィドルを参照してください:http://jsfiddle.net/aVJqU/2/
私が気付いたもう 1 つのことは、html に存在する要素から実行されるディレクティブが、変数 (コントローラーとディレクティブ) を介して正しい関連付けを示していることです。
html (バインドするディレクティブがあります<door>
):
これはディレクティブです:
これはコントローラーです:
そして最後に、これはバインドしないディレクティブを持つ文字列をコンパイルするディレクティブです。
すべての「ドア」の ng-model 値を一緒にバインドするにはどうすればよいですか? コンパイルされたディレクティブはどこにバインドされていますか?
angularjs - AngularJS - サブディレクティブで ng-repeat フィルタリングされたリストをトランスクルードしてアクセスします。
に入る要素を並べて表示したい(フィルタリングされたリストに基づいng-repeat
てそれらを設定する)css
理想的には、次のような html マークアップを使用したいと思います。
- に渡されているリストにアクセスすることはできます
ng-repeat
か? (AngularJS 以外の方法- ngRepeat でフィルタリングされた結果参照を取得する方法) - ディレクティブが実際にcssを適用するように、どうにか
transclude
してアイテムを取得できますかtile
(抽象化したいng-style="{top:getTop(item),left:getLeft(item)}"
など)
javascript - Angular.js は、毎秒変化するスコープのフィルターと関数
問題。エントリのテーブル( $scope.entries
)があり、各行(ng-repeat)には5列があり、そのうちの2列にはさまざまな変換用のカスタムフィルターがあります。
今、同じスコープに active_entry( $scope.active_entry
) があります。
これにより、Batarang のWatch Expressionsが時間の経過とともに非常に高くなります。
フィルターが毎秒何度もレンダリングされないように、active_entry のある種の分離スコープを作成するにはどうすればよいですか?
分離スコープを作成する唯一の方法は、ディレクティブを作成することですか? それはうまくいくでしょうか?後でコントローラーで分離されたスコープからの値が必要になった場合はどうすればよいですか?
angularjs - Angular で子ノードを置き換える
データツリーを操作しています。特定のノードから、RESTful サーバーから返される子ノードを追加する必要がある場合があります。データは次のように始まります…</p>
次に、返される「id:1」の投稿を行います…</p>
…これは、要求されたノードの完全な置き換えです。Angular でモデルを適切にレイアウトし、データの変更を受け入れ、それらの変更をサーバーに投稿し、最後の JSON BLOB を受け入れます。素晴らしい。しかし、新しいデータで $scope を更新する方法がわかりません。私のビューは次のようになります…</p>
そしてコントローラー…</p>
何かご意見は?前もって感謝します、Angular のドキュメントは… 欲しい… しかし、私はユーザー ベースが非常に役立つことを発見しました。