Angular如何从父级作用域获取属性？规避多层$parent嵌套方案

嘿，这个多层$parent嵌套的问题我太懂了，不仅写起来麻烦，后续改作用域层级简直是灾难！给你几个实用的解决方案，完全不用依赖那些冗长的$parent链：

AngularJS默认的子作用域是继承父作用域原型的，只要你的B、C、D作用域都没有自己定义isConfirmed属性，那在D的控制器里直接写$scope.isConfirmed就会自动向上遍历原型链，找到A作用域里的那个值。

小提醒：如果中间某个作用域（比如B）自己声明了同名的isConfirmed，会阻断原型链查找，这时候就得换别的方法了。

这是跨作用域共享状态的最佳实践之一，把需要共享的属性放到自定义服务里，所有需要访问的地方直接注入服务就行，完全和作用域层级无关：

// 定义共享服务
angular.module('myApp')
  .service('ConfirmationState', function() {
    this.isConfirmed = false; // 初始值

    // 封装get/set方法，更可控
    this.getStatus = function() {
      return this.isConfirmed;
    };
    this.setStatus = function(value) {
      this.isConfirmed = value;
    };
  });

在A作用域的控制器里设置值：

angular.module('myApp')
  .controller('AController', function($scope, ConfirmationState) {
    // 比如用户操作后设置为true
    ConfirmationState.setStatus(true);
  });

最后在指令控制器D里获取值：

angular.module('myApp')
  .directive('myDeepDirective', function() {
    return {
      controller: function($scope, ConfirmationState) {
        const confirmedValue = ConfirmationState.getStatus();
        // 在这里使用这个值
      }
    };
  });

如果你确实想要一个像$scope.getValue('isConfirmed')这样的方法，Angular的$parse服务正好能满足——它会自动从当前作用域开始，向上遍历所有父作用域查找目标属性：

angular.module('myApp')
  .directive('myDeepDirective', function($parse) {
    return {
      controller: function($scope) {
        // 解析表达式，生成获取函数
        const getIsConfirmed = $parse('isConfirmed');
        // 执行函数，自动遍历作用域链取值
        const confirmedValue = getIsConfirmed($scope);
      }
    };
  });

这完全就是你想要的那种“一键取值”的效果，不用手动管层级。

如果担心中间作用域不小心定义了同名属性阻断查找，你可以在A作用域里把isConfirmed放到一个对象里：

// 在A作用域的控制器里
$scope.confirmation = {
  isConfirmed: false
};

之后不管在哪个子作用域里，直接访问$scope.confirmation.isConfirmed就行——因为是引用类型，即使中间作用域有同名的简单类型属性，也不会影响这个对象属性的查找，能稳定拿到A作用域里的值。

内容的提问来源于stack exchange，提问作者Hamed Zakery Miab