角度指令に補間値を設定する方法は？

Question

ディレクティブで補間値を設定するにはどうすればよいですか？私は次のコードから正しい値を読むことができますが、私はそれを設定することができませんでした。

JS：

app.directive('ngMyDirective', function() { 
    return function(scope, element, attrs) { 
     console.log(scope.$eval(attrs.ngMyDirective)); 

     //set the interpolated attrs.ngMyDirective value somehow!!! 
    } 
}); 

HTML：myscopevalueは私のコントローラの範囲で値をある

<div ng-my-directive="myscopevalue"></div> 

。

Answer 1

あなたがスコープに値を設定したいが、（事前の）プロパティの名前がわからない場合、あなたはobject[property]構文を使用することができます：文字列場合

scope[attrs.myNgDirective] = 'newValue'; 

を属性にドットが含まれている場合（例：myObject.myProperty）、これは機能しません。

// like calling "myscopevalue = 'newValue'" 
scope.$eval(attrs.myNgDirective + " = 'newValue'"); 

[更新：あなたは本当に$parseの代わり$evalを使用する必要がありますが割り当てを行うために$evalを使用することができます。あなたはどこの更新プログラムを自動的ディレクティブ内scope.colorに割り当てる、this Angular/jQuery color picker JSFiddle exampleにこの例を見ることができます

app.directive('ngMyDirective', function() { 
    return { 
     scope: { 
      theValue: '=ngMyDirective' 
     }, 
     link: function(scope, element, attrs) { 
      // will automatically change parent scope value 
      // associated by the variable name given to `attrs.ngMyDirective` 
      scope.theValue = 'newValue'; 
     } 
    } 
}); 

：あなたは分離株のスコープを使用している場合、あなたは=アノテーションを使用することができますMark's answer]

を参照してください。変数はをコントローラのスコープの指示文に渡しました。

Answer 2

ディレクティブが分離スコープを使用せず、属性を使用してスコーププロパティを指定し、そのプロパティの値を変更する場合は、$parseを使用することをお勧めします。 （私は構文は$ evalの年代よりもよりよいと思います。）属性は、ドットが含まれているかどうかを

app.directive('ngMyDirective', function ($parse) { 
    return function(scope, element, attrs) { 
     var model = $parse(attrs.ngMyDirective); 
     console.log(model(scope)); 
     model.assign(scope,'Anton'); 
     console.log(model(scope)); 
    } 
}); 

fiddle

$parse作品。