[解決済み】angularJSの&と@と=の違いは何ですか?
質問
私はAngularJSの初心者です。誰かこれらのAngularJSのオペレータの違いを教えてください。
&, @ and =
スコープを分離する際に、適切な例で説明します。
どのように解決するのですか?
@
は、ディレクティブの属性で定義された値を、ディレクティブのアイソレートスコープに渡すことができるようにします。この値は単純な文字列の値 (
myattr="hello"
) または、式を埋め込んだAngularJS補間文字列 (
myattr="my_{{helloText}}"
). これは、親スコープから子ディレクティブへの「一方通行」のコミュニケーションだと考えてください。 John Lindquistは、これらのそれぞれを説明する一連の短いスクリーンキャストを用意しています。 に関するスクリーンキャストはこちらです。
https://egghead.io/lessons/angularjs-isolate-scope-attribute-binding
&
を使うと、ディレクティブの孤立したスコープが、属性で定義された式で評価するために、親スコープに値を渡すことができるようになります。ディレクティブ属性は暗黙のうちに式であり、二重中括弧の式構文を使用しないことに注意してください。これは文章で説明するのは難しいですね。&に関するスクリーンキャストはこちらです。
https://egghead.io/lessons/angularjs-isolate-scope-expression-binding
=
は、ディレクティブの isolate スコープと親スコープの間で双方向のバインド式を設定します。子スコープでの変更は親スコープに伝搬され、その逆もまた然りです。は、@と&を組み合わせたものと考えてください。に関するスクリーンキャストはこちらです。
https://egghead.io/lessons/angularjs-isolate-scope-two-way-binding
そして最後に、この3つを1つのビューで一緒に使用したスクリーンキャストをご紹介します。 https://egghead.io/lessons/angularjs-isolate-scope-review
関連
-
[解決済み】Angular JS Uncaught Error。[インジェクター:モジュラー]。
-
[解決済み】Uncaught ReferenceError。Firebase は定義されていません。
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] angular-routeとangular-ui-routerの違いは何ですか?
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Heroku:ノードアプリで「このアプリにはデフォルトの言語が検出されませんでした」エラーがスローされる
-
[解決済み】Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み] React with ES7: Uncaught TypeError: Cannot read property 'state' of undefined [duplicate] (未定義のプロパティ'state'を読み込むことはできません。
-
[解決済み】React、Uncaught ReferenceError。ReactDOMは定義されていません
-
[解決済み】getElementByIdはnullを返す?[クローズド]
-
[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません
-
[解決済み】TypeError: AngularJSで未定義のプロパティ'get'を読み取れない
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?