AngularJS严格DI未检测到指令控制器隐式注解问题咨询

我来帮你拆解这个问题——其实这是AngularJS 1.x里一个容易踩的小坑，和strictDi的工作逻辑以及代码压缩后的参数混淆有关。

为什么strictDi没在未压缩代码里抛出错误？ #

首先得明确strictDi的核心作用：它是用来禁止隐式依赖注入的，也就是不允许Angular通过函数的参数名称来自动推断依赖，要求必须用显式注解（数组语法或$inject属性）。但这里有个容易被忽略的细节：

当你的控制器是一个具名函数（比如function MyTabsController($scope)），而且代码处于未压缩状态时，函数的参数名$scope还保持原样。这时候，即使启用了strictDi，Angular仍然能通过参数名找到对应的依赖，所以不会抛出错误——strictDi的错误触发逻辑是“无法解析依赖时才报错”，而不是“只要用了隐式注解就立刻报错”。

换句话说，strictDi并没有在启动时主动扫描所有函数的注解方式，而是在实际注入依赖的那一刻进行验证：如果参数名能匹配到已注册的依赖（比如未压缩时的$scope），验证就通过了；只有当参数名被压缩工具改成了无意义的字符（比如n），Angular找不到对应的依赖时，才会抛出Unknown provider错误。这就是为什么你未压缩代码能正常运行，压缩后就出问题的原因。

还需要对代码做哪些修改？ #

为了彻底解决这个问题，你需要确保整个应用里所有的依赖注入都使用显式注解，不能再依赖参数名推断。常见的两种方式：

1. 内联数组注解（你已经用的方式） #

这种方式适合简单的控制器，直接把依赖和函数放在数组里：

angular.module('MyModule', [])
.directive('myTabs', function() {
  return {
    restrict: 'E',
    transclude: true,
    scope: {},
    controller: ['$scope', function MyTabsController($scope) {
      // 原控制器逻辑不变
      var panes = $scope.panes = [];
      $scope.select = function(pane) {
        angular.forEach(panes, function(pane) {
          pane.selected = false;
        });
        pane.selected = true;
      };
      this.addPane = function(pane) {
        if (panes.length === 0) {
          $scope.select(pane);
        }
        panes.push(pane);
      };
    }],
    templateUrl: 'my-tabs.html'
  };
})

2. $inject属性注解 #

如果控制器逻辑比较复杂，建议把函数单独提取出来，再添加$inject声明，可读性更好：

function MyTabsController($scope) {
  var panes = $scope.panes = [];
  $scope.select = function(pane) {
    angular.forEach(panes, function(pane) {
      pane.selected = false;
    });
    pane.selected = true;
  };
  this.addPane = function(pane) {
    if (panes.length === 0) {
      $scope.select(pane);
    }
    panes.push(pane);
  };
}
// 显式声明依赖，压缩工具不会修改这个数组里的字符串
MyTabsController.$inject = ['$scope'];

angular.module('MyModule', [])
.directive('myTabs', function() {
  return {
    restrict: 'E',
    transclude: true,
    scope: {},
    controller: MyTabsController,
    templateUrl: 'my-tabs.html'
  };
})

除此之外，你还得全局检查应用里的其他依赖注入点：

• 所有页面控制器、指令控制器、路由控制器
• 自定义服务、工厂、过滤器
• 指令的link函数（如果用了依赖注入）

把所有隐式注解的地方都改成显式注解，这样不管代码压不压缩，依赖注入都能正常工作。

内容的提问来源于stack exchange，提问作者Venkatesh Manohar