缩小后未实例化角度控制器

Question

我的原始源代码如下所示：

(function(angular) {
  'use strict';

  /* @ngInject */
  function config($stateProvider) {
    $stateProvider
      .state('bar.foo', {
        url: '/foo',
        templateUrl: 'foo-view.html',
        controller: 'FooController',
        controllerAs: 'vm'
      });
  }

  /* @ngInject */
  function FooController() {
    window.alert('foo');
  }

  angular
    .module('my.foo', [])
    .config(config)
    .controller('FooController', FooController);

}(angular));

这样可以正常工作。

然后我使用 ngAnnotate 和 UglifyJS 将其缩小，并得到这段代码（格式化以便于阅读）：

function (a) {
  'use strict';
  function b(a) {
    a.state('bar.foo', {
      url: '/foo',
      templateUrl: 'foo-view.html',
      controller: 'FooController',
      controllerAs: 'vm'
    })
  }
  function c() {
    window.alert('foo')
  }
  b.$inject = ['$stateProvider'],
  a.module('my.foo', [])
   .config(b)
   .controller('FooController', c)
}(angular),

而且，它不起作用。当我进入bar.foo 状态时，控制器不会被调用。其他控制器和路由器状态工作正常。这个好像静音了，控制器函数里面的代码没有被调用。

控制台不显示任何错误。

我不知道该做什么或看哪里。

整个 JavaScript 更大，是几个小文件的串联。单个缩小的 JS 文件在此之前和之后都有控制器，可以正常工作。

调试压缩文件显示 JavaScript 正在向 AngularJS 发出模块定义调用，因此调用了 Angular 的 module、config 和 controller 方法。

我应该在代码中搜索或检查什么？我错过了什么吗？

Answer 1

我的问题是我也在将 Jade 模板编译成 HTML。而且我的生产环境构建设置与开发环境略有不同。 Jade 正在输出 <div ui-view="ui-view"> 而不是空属性，阻止 ui-router 将模板加载到父视图中，导致控制器无法实例化。

JavaScript 的缩小不是问题。对不起。

这些问题帮助了我：

• ui-router nested route controller isn't being called
• Grunt jade compiler filling out empty attributes