Angular控制器链中如何获取父控制器名称？

嘿，伙计，作为Angular新手碰到这种控制器层级混乱的问题太常见了！我来给你几个实用的方案，帮你搞定获取父控制器名称的需求，还能理清那些嵌套的$parent链。

这是最直接的方法，在每个控制器里给$scope加个自定义属性，比如controllerName：

angular.module('myApp', [])
.controller('parentController', function($scope) {
  $scope.controllerName = 'parentController';
  // 其他父控制器逻辑
})
.controller('childController', function($scope) {
  // 获取父控制器名称
  console.log('父控制器名称：', $scope.$parent.controllerName); // 输出parentController
  
  // 要是有多层嵌套，还可以递归遍历$parent链
  function logParentScopes(scope) {
    if (scope.$parent) {
      console.log('父级控制器名称：', scope.$parent.controllerName || '未命名');
      logParentScopes(scope.$parent);
    }
  }
  logParentScopes($scope);
});

这样你就能在子控制器里轻松拿到父级的控制器名称，多层嵌套的话用递归函数就能把所有父级都打印出来，再也不用数$parent.$parent...了！

如果项目里控制器很多，手动加太麻烦，咱们可以用Angular的$controllerProvider.decorator来自动给每个控制器的$scope加上名称：

angular.module('myApp', [])
.config(function($controllerProvider) {
  $controllerProvider.decorator('$controller', function($delegate) {
    return function(constructor, locals) {
      // 获取控制器名称
      var controllerName = typeof constructor === 'string' ? constructor : constructor.name;
      // 调用原控制器构造函数
      var controllerInstance = $delegate(constructor, locals);
      // 如果有$scope，就添加controllerName属性
      if (locals && locals.$scope) {
        locals.$scope.controllerName = controllerName;
      }
      return controllerInstance;
    };
  });
})
.controller('parentController', function($scope) {
  // 不用手动加controllerName了，装饰器已经帮我们加好
})
.controller('childController', function($scope) {
  console.log('父控制器名称：', $scope.$parent.controllerName); // 同样输出parentController
  
  // 递归打印所有父级
  var currentScope = $scope;
  while (currentScope.$parent) {
    currentScope = currentScope.$parent;
    console.log('层级控制器名称：', currentScope.controllerName);
  }
});

这个方法一劳永逸，所有控制器的$scope都会自动带上controllerName属性，完美解决大规模项目里的重复工作。

你提到的googleOAuth= $scope.$parent.$parent.$parent.$parent.status.googleOAuth这种代码确实很头疼，除了打印控制器名称，还可以在浏览器开发者工具里：

• 直接在控制台里输入$scope.$parent，一步步往上查看，结合我们加的controllerName属性，快速定位到对应的控制器
• 安装AngularJS Batarang插件，它能直观展示$scope的层级结构和每个控制器的详细信息，调试起来更高效

内容的提问来源于stack exchange，提问作者Viral Patel