javascript - カスタム属性内で AngularJS レンダー変数を作成する方法は?

Question

AngularJS では、{{value}}内部で次のようなことを行っvalue=""たりclass=""、正常に動作するように見えますが、次のようなことを行っています。

$scope.bar = "1234";

<my-directive foo="{{bar}}" />

の文字列値ではなく、文字列{{bar}}が に渡されます。myDirectivebar

の代わりにの値を強制的にbar渡すにはどうすればよい{{bar}}ですか?

Answer 1

ディレクティブで分離スコープを指定しない場合、スコープ変数を渡す必要はありません。ディレクティブは継承されたスコープを取得するだけで、次を参照できます。

scope.bar

ディレクティブ スコープを分離し、変数を属性として渡したい場合は、ディレクティブの初期化でそれを行う必要があります。

scope: { foo:'=localFoo' }

次に、ディレクティブで {{bar}} の評価結果として「localFoo」を参照できます。