如何在角度指令中設置插值？

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：

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

其中myscopevalue是我的控制器的範圍值。

Answer 1

如果你想設置的範圍值，但不知道屬性（提前）的名稱，你可以使用object[property]語法：

scope[attrs.myNgDirective] = 'newValue'; 

如果字符串屬性包含一個點（例如myObject.myProperty），這不起作用;您可以使用$eval做一個任務：

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

[更新：你真的應該使用$parse代替$eval。見Mark's answer]

如果您使用的是分離的範圍，你可以使用=註釋：

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'; 
     } 
    } 
}); 

你可以看到this Angular/jQuery color picker JSFiddle example這樣的一個例子，其中分配給scope.color裏面的指令自動更新該變量通過轉換爲控制器範圍的指令。

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作品的屬性是否包含一個點。