范围变量

Question

我有有这样一段代码指令：

return { 
    restrict: "E", 
    scope: { 
     moduleProgress: "=", 
     modules: "=", 
     parentScroll: "=" 
    }, 
    templateUrl: 'app/program/module.list.template.html', 
    link: function(scope,el,attrs,ctrl,tf) { 
     $templateRequest("app/program/chapter.list.template.html").then(function(template) { 
      var template = angular.element(template); 
      var elements = []; 

      console.log(scope); 

      attrs.$observe("modules", function(val) { 
       scope.modules.forEach(function(module) { 
        module.open = false; 
       }); 
      }); 

出于某种原因，我第一次浏览到包含该指令一切正常的观点，而是从第二次起，我总是得到一个Cannot call method 'forEach' of undefined错误。我阅读了关于SO的一些类似问题，其中提到插入属性不能立即在链接函数中获得，因此他们建议使用$observe。我甚至在对象上添加了console.log(scope)和modules属性。任何想法可能会造成这种情况？

Answer 1

应该是相当$scope.$watch宁可attrs.$observe如$observe在HTML指令&的隔离范围需要@这将是modules="{{module}}"，对于大对象DOM会搞的一团糟，所以我宁愿你使用$watch其意义

代码

scope.$watch("modules", function(newVal) { 
    if(newVal){ 
     scope.modules.forEach(function(module) { 
      module.open = false; 
     }); 
    } 
});