隔离范围“=”在指令中影响父范围

定义范围：{isoNetwork：'= network'}，如果父范围没有'网络'属性，它会自动创建它？以下PIC是父范围： enter image description here 隔离范围“=”在指令中影响父范围

这里是代码示例（在相同的jsfiddle：http://jsfiddle.net/yougen/mvYrJ/7/）：

var app = angular.module('app',[]) 

app.controller('AppCtrl', function($scope){ 
    $scope.leaveVoicemail = function(number, message, network){ 
     console.log("controller scope: ", $scope); 
     window.alert("Number: " + number + " said: " + message + ", by network: " + network); 
    }; 
}); 

app.directive('phone', function(){ 
    return { 
     restrict:'E', 
     scope:{ 
      isolatedAttributeNumber:'@number', 
      isoNetwork:'=network', 
      makeCall:'&' 
     }, 
     link:function(scope){ 
      scope.networks = ["Verizon", "AT&T", "Sprint"]; 
      scope.isoNetwork = scope.networks[1]; 
     } 
    }; 
});

HTML：

<div ng-app="app" ng-controller="AppCtrl"> 
     <phone number="555-1234" network="network" make-call="leaveVoicemail(number, message, network)"> 
      <div> 
       Number:{{isolatedAttributeNumber}} Network:<select ng-model="isoNetwork" ng-options="net for net in networks"></select> 
      </div> 
      Your message:<input type="text" ng-model="voiceMessage"><br> 
      <button class="btn" ng-click="makeCall({number: isolatedAttributeNumber, message: voiceMessage, network: isoNetwork})">Call Home!</button> 
     </phone> 
</div>

来源

2013-08-28 jason

你的小提琴不工作。 – Chandermani

对不起，我已经修复了网址 – jason

是。这就是隔离范围中=绑定的工作方式。该指令有自己的范围，但您仍然需要一种与外部范围进行通信的方式（因为指令的作用域是隔离的，所以不是“父”范围）。

=绑定提供了与外部的双向绑定。因此，当您在指令<phone nework="network" ...中绑定模型时，您告诉Angular将network值设置在您的控制器范围内。当您设置isoNetwork时，这发生在您的link函数中。

如果您正在寻找单向绑定，请考虑@绑定，该绑定是单向字符串绑定，与绑定的=不同，后者是双向引用。

来源

2013-08-28 10:00:39

感谢您的回答。 – jason

隔离范围“=”在指令中影响父范围

回答

相关问题