注意:より良い解決策が見つかれば、この回答を更新します。また、古い回答が関連している限り、将来参照できるように保持します。最新かつ最良の答えが最初です。
より良い答え:
angularjsのディレクティブは非常に強力ですが、それらの背後にあるプロセスを理解するには時間がかかります。
ディレクティブの作成中に、angularjsを使用すると、親スコープへのいくつかのバインディングを持つ分離スコープを作成できます。これらのバインディングは、DOMで要素をアタッチする属性と、ディレクティブ定義オブジェクトでスコーププロパティを定義する方法によって指定されます。
スコープで定義できるバインディングオプションには3つのタイプがあり、それらを接頭辞関連属性として記述します。
angular.module("myApp", []).directive("myDirective", function () {
return {
restrict: "A",
scope: {
text: "@myText",
twoWayBind: "=myTwoWayBind",
oneWayBind: "&myOneWayBind"
}
};
}).controller("myController", function ($scope) {
$scope.foo = {name: "Umur"};
$scope.bar = "qwe";
});
HTML
<div ng-controller="myController">
<div my-directive my-text="hello {{ bar }}" my-two-way-bind="foo" my-one-way-bind="bar">
</div>
</div>
その場合、ディレクティブのスコープ内で(リンク関数またはコントローラーにあるかどうかにかかわらず)、次のようにこれらのプロパティにアクセスできます。
/* Directive scope */
in: $scope.text
out: "hello qwe"
// this would automatically update the changes of value in digest
// this is always string as dom attributes values are always strings
in: $scope.twoWayBind
out: {name:"Umur"}
// this would automatically update the changes of value in digest
// changes in this will be reflected in parent scope
// in directive's scope
in: $scope.twoWayBind.name = "John"
//in parent scope
in: $scope.foo.name
out: "John"
in: $scope.oneWayBind() // notice the function call, this binding is read only
out: "qwe"
// any changes here will not reflect in parent, as this only a getter .
「それでも大丈夫」回答:
この回答は受け入れられましたが、いくつかの問題があるため、より良いものに更新します。どうやら、$parse
現在のスコープのプロパティにないサービスです。つまり、角度式のみを受け取り、スコープに到達できません。
{{
、}}
式はangularjsの起動時にpostlink
コンパイルされます。つまり、ディレクティブメソッドで式にアクセスしようとすると、式は既にコンパイルされています。({{1+1}}
ある2
すでにディレクティブで)。
これはあなたが使いたい方法です:
var myApp = angular.module('myApp',[]);
myApp.directive('myDirective', function ($parse) {
return function (scope, element, attr) {
element.val("value=" + $parse(attr.myDirective)(scope));
};
});
function MyCtrl($scope) {
$scope.aaa = 3432;
}
。
<div ng-controller="MyCtrl">
<input my-directive="123">
<input my-directive="1+1">
<input my-directive="'1+1'">
<input my-directive="aaa">
</div>
ここで注意する必要があるのは、値の文字列を設定する場合は、引用符で囲む必要があることです。(3番目の入力を参照)
ここで遊ぶフィドルです:http : //jsfiddle.net/neuTA/6/
古い答え:
私のように惑わされる可能性のある人のためにこれを削除するつもりはありません。使用$eval
することはそれを行うための正しい方法で完全に問題ありません$parse
が、動作が異なることに注意してください。ほとんどの場合、これを使用する必要はないでしょう。
これを行う方法は、もう一度、を使用することscope.$eval
です。角度式をコンパイルするだけでなく、現在のスコープのプロパティにもアクセスできます。
var myApp = angular.module('myApp',[]);
myApp.directive('myDirective', function () {
return function (scope, element, attr) {
element.val("value = "+ scope.$eval(attr.value));
}
});
function MyCtrl($scope) {
}
あなたが欠けているのはでした$eval
。
http://docs.angularjs.org/api/ng.$rootScope.Scope#$eval
結果を返す現在のスコープで式を実行します。式内の例外はすべて伝達されます(キャッチされません)。これは、角度式を評価するときに役立ちます。