在Angular中的链接函数中访问范围

我在我的主控制器中有一个范围，然后在隔离范围内输入我的链接函数。有没有办法从我的链接功能访问主范围？这里是什么，我试图做一个简化的版本：在Angular中的链接函数中访问范围

角：

angular.module('root', []) 
    .controller('index', ['$scope', function($scope){ 
    $scope.messages = ["Hello", "Howdy", "What's up"] 
    } 

    .directive('myDirective', function() { 
    return { 
     restrict: 'E', 
     scope: { greeting: '=' }, 
     link: function(scope, element, attrs) { 
      var greeting = scope.greeting; //one message from the array, fed in by <my-directive greeting='message'> from index.html 
      var length = scope.messages.length; //length of whole messages array 

      //do stuff 
     } 
     } 
    }

HTML：（的index.html）

<body ng-app='root' ng-controller='index'> 
    <div ng-repeat='message in messages'> 
     <my-directive greeting='message'></my-directive> 
    </div> 
</body>

我希望能够同时访问的消息和关于来自我的链接函数的整个消息数组的“元”信息。但是，现在我只能访问消息（var greeting），但是长度变量不计算。有没有办法做到这一点在角？

让我知道你是否需要任何其他澄清！

来源

2015-07-21 user112233

关于隔离范围的规则非常简单，但很难从Angular文档中理解。

如果您从指令声明中省略scope:属性，指令将与其父项共享范围。换句话说，它可以直接访问调用它的控制器的范围及其所有变量。

一个更好的做法是将必要的变量传递到隔离范围，您已经在使用greetings变量进行操作。你的范围可能看起来像这样。

scope: { 
    greeting: '=', 
    messages: '=' 
}

然后写指令是这样的：

<my-directive greeting='message' messages='messages'></my-directive>

而且只要$scope.message和$scope.messages在控制器中定义，你所有的设置。

来源

2015-07-21 15:58:00

在Angular中的链接函数中访问范围

回答

相关问题