角度如何通过其 $scope 链搜索变量

Question

(function(){
  var outer = 'foo';
  (function(){
    var inner = 'bar';
    return [inner, outer];
  })();
})();

上面的代码创建了一个缓慢的分辨率，因为内部函数#outer 需要首先检查最近的对象并查看它不包含'outer'，然后在下一级作用域链中查找变量。

以下角度代码的行为方式是否完全相同？如果是这样，那么我们应该注意范围创建和范围链变量查找吗？

angular.module('app', [], function($rootScope){
    $rootScope.rootVar = 'root Variable';
})
.controller('ctrl1', function($scope){
    $scope.var1 = rootVar;
})
.controller('ctrl2', function($scope){ //nested
    $scope.var2 = rootVar;
})

Answer 1

在 Angular 中，您不会以相同的方式创建内部范围，而是传递一个包含“范围”的变量。所以你不能只引用rootVar，它在当前函数范围内不存在，除了作为你传入的$scope上的属性。所以你需要改变你对

的引用

angular.module('app', [], function($rootScope){
    $rootScope.rootVar = 'root Variable';
})
.controller('ctrl1', function($scope){
    $scope.var1 = $scope.rootVar;
})
.controller('ctrl2', function($scope){ //nested
    $scope.var2 = $scope.rootVar;
})