角 - 從指令

Question

分配我有一個Angular指令，其行爲像ng-include，只是帶有選項卡。 所以它有一個分層範圍（scope: true）。

獲取和設置父作用域的變量值我使用$解析：

var modelFn = $parse(attrs.ngModel);

獲得優良工程這樣var value = modelFn(scope)甚至scope.$eval(attrs.ngModel)， 但分配父範圍不會改變的價值，它實際上創建在當前範圍的變量：

modelFn.assign(scope, { ... });

這是令人沮喪的，任何幫助嗎？ 在此先感謝！

更新： 下面是一個例子

HTML：

<myDirective ng-model="myData"></myDirective>

指令：

{ 
replace: false, 
scope: true, 
template: '<button ng-click="changeData()"></button><div ng-include="templateUrl"></div>' 
link: function(scope, element, attrs){ 
var modelFn = $parse(attrs.ngModel); 
var value = modelFn(scope); 
scope.templateUrl = data.replace('a', 'b'); 
scope.changeData = function(){ 


// Problem is here, assignment is on the current scope and not parent (or parent's parent and etc..) 
modelFn.assign(scope, {name: 'new Value'}); 
} 
} 
} 

Answer 1

在JavaScript對象都有原型。

當您指定scope: true時，您告訴該指令具有從父範圍原型繼承的範圍。

這意味着你得到一個特殊的鏈接到父範圍（原型），在那裏你可以訪問所有的值和對象，所有的方法，直到...你試圖爲這些值寫東西，對象和方法。

你可以看到原型有後備，當你的對象上沒有任何值/對象/方法時，它會嘗試着看原型。 但是，當你想設置一個值/對象/方法，你實際上將它設置在你的對象上，而不是原型，所以你的父範圍值/對象/方法會改變。

的代碼位來說明：

https://gist.github.com/bcharp/712d6d9bfaf55b3c5d81

一個有趣的事實知道的是，如果你改變通過原型訪問對象的價值之一，這將是在原型對象中的變化。

因此，對於你目前的麻煩，你可以簡單地改變你的直接訪問值說通過$scope.properties = {title:'My title'};$scope.title = "My title";和訪問它通過$scope.properties.title當你改變它的對象內部（指令繼承範圍），這將是他的原型改變（父範圍）。

我希望它很清楚。

Answer 2

爲什麼不使用雙向綁定將變量傳遞給指令？下面將結合myParam這樣，當你在指令改變它也將在呼叫範圍發生變化：

.directive('myDirective', function() { 
    return { 
    scope: { 
     myParam: '=' 
    }, 
    templateUrl: 'template.html', 
    controlle: MyCtrl 

... etc... 

}; 
}) 

HTML：

<my-directive my-param = "foo"><my-directive/>