問題タブ [isolate-scope]

カスタム ディレクティブを使用して分離スコープをマスターしたと思っていたのに、この問題にぶつかり、現在 3 時間苦労しています。

ディレクティブの分離スコープが作成されたら、 or関数greeting内で任意のスコープ データ (この場合は ) を設定できると思いました。しかし、コンソール経由で調べたときにスコープに表示されていても、HTML での参照は機能しませんか?controllerlink{{greeting}}greeting

新しい分離されたスコープがディレクティブに割り当てられ、myDirそのスコープで定義されたものは の HTML コンテンツ内でアクセスできると思いました<my-dir>。明らかに理解にズレがあります。

アイデアはありますか？

プランカー：こちら

HTML:

JS:

ネストされたディレクティブを作成し、html ビューから呼び出そうとしましたが、html のビュー要素を更新しませんでした。

呼び出し元のコントローラーから更新された値を取得できますが、ビュー レベルで更新された効果を確認できません。

Jsはこちら

HTML は次のとおりです。

ここでフィドル。

NB：ディレクティブとコントローラーで$watchandを使用してみ$timeoutましたが、機能しませんでした。

この状況を考慮して、値がバインドされた同じ形式で3か所で使用されているfileuploadコンポーネントに依存しています。

使用中の合計 3 つのコンポーネントがバインドされた 1 つの変数で区別されます

その特定の分離されたコントローラーで。設定中の値があります。

その特定のスコープに対して、これらの値を個別に取得するにはどうすればよいですか?

例：

コンポーネントは 1 つの入力フィールドで構成されます

コントローラー内部

ここで、すべてが入力されている場合、フォーム検証が必要ですvm.input。では、どうすればそれらを個別に取得してテストできますか?

制約にはvm.input既に関数バインディングがあります。名前を変更できませんでした

AngularJS Developer Guide - Directives "Isolating the Scope of a Directive"によると、スコープ バインディングは 3 つのタイプで行うことができます。

=、@および&

と

このページの「ディレクティブ定義オブジェクト」セクションによると、スコープ バインディングは 4 つのタイプで行うことができます。

=、@、&および<

ほとんどのオンライン記事でも、分離されたスコープ バインディングは 3 種類しか与えられていません。

どちらが正しい？