$ scope元素在指令外不可見（使用$ scope：false）

Question

我有一個使用父範圍的簡單指令。但是我無法訪問該指令的範圍。我究竟做錯了什麼？

<p>myFrm2.$name: {{myFrm2.$name}}</p> 

<pane> 
    <form name="myFrm2" id="myFrm2"> 
    <input type="text" ng-model="fld2"> 
    </form> 
</pane> 

https://plnkr.co/edit/AIUK2tBiiVs21so2k5JR?p=preview

這是指令：

.directive('pane', function() { 
     return { 
      restrict: 'E', 
      transclude: true, 
      scope: false, 
      template: '<div style="border: 1px solid black;">' + 
      '<div style="background-color: gray; color:white">Test Directive</div>' + 
      '<ng-transclude></ng-transclude>' + 
      '</div>' 
     }; 
     }) 

正如我設置$範圍：在我的指令錯誤，我會假設範圍的指令與其父之間共享範圍。

Answer 1

當您使用對象模型或控制器別名時，問題消失。

與對象實例

在控制器

$scope.forms ={}; 

鑑於

<p>myFrm2.$name: {{forms.myFrm2.$name}}</p> 

<pane> 
    <form name="forms.myFrm2" id="myFrm2"> 
    <input type="text" ng-model="fld2"> 
    </form> 
</pane> 

注意，你應該總是在ng-model也

DEMO使用對象