Question

本質上我想能夠訪問我創建的指令的父範圍，但我也希望能夠訪問已放置到元素上的屬性。

例如有關JS

app.directive('testDirective', function(){ 
    return { 
     restrict:"E", 
     templateUrl:"directive.html", 
     scope:{ 
      testAttribute: '=' 
     } 
    }; 
}); 

app.controller('mainCtrl', function($scope){ 
    $scope.name = 'henry' 
} 

的index.html

<div ng-controller="mainCtrl"> 
    <test-directive test-attribute="Hello"></test-directive> 
</div> 

directive.html

{{testAttribute}} 
{{name}} 

輸出爲 「你好」，而不是 「你好亨利」

所以只是爲了clar rify，我希望能夠做的就是訪問屬性和父範圍。

Answer 1

對於您正在嘗試做的事情，不需要雙向綁定。您正在嘗試訪問分配爲屬性的文本。你可以只寫你的指令爲： - 的指令設置

.directive('testDirective', function(){ 
    return { 
     restrict:"E", 
     //scope:true, //apply if required 
     templateUrl:"directive.html", 
     link:function(scope, elm, attrs){ 
      scope.testAttribute = attrs.testAttribute; //Get it from attributes 
     } 
    }; 
}); 

Demo

現在這裏scope屬性是要使用父範圍本身。但是，您可能想要使用scope:true（父級子範圍）或2 way binding機會隔離範圍的理想方案。但在這一點上，由於不確定你最初的目標是什麼，這是一個基於你的問題的解決方案。

所以總結： -

我希望能夠訪問我創建

取下隔離範圍，只是使用父母的範圍指令的父範圍。

但我也希望能夠訪問我已放置到元素上的屬性。

使用attrs鏈接函數的參數（attrs.testAttribute）。如果你想評估它作爲綁定值do（scope.$eval(attrs.testAttribute)）