angularjs - Angular UI 模态在 grunt 构建后不会出现

Question

我正在为我的项目使用 Angular ui Bootstrap。模式工作正常，但是当我使用 grunt build 命令进行构建时，模式停止出现。任何人都可以帮助我吗？我已经有类似的问题angular-ui-bootstrap causes unknown provider error when minified但至今尚未找到满意的答案。谁能帮我 ？提前谢谢.. 我的 Bower.json 文件如下所示:

    {
        "name": "client",
        "version": "0.0.0",
        "dependencies": {
        "angular": "1.2.6",
        "json3": "~3.2.6",
        "es5-shim": "~2.1.0",
        "angular-resource": "1.2.6",
        "angular-sanitize": "1.2.6",
        "angular-route": "1.2.6",
        "angular-bootstrap": "~0.10.0",
        "bootstrap": "~3.1.1",
        "underscore": "~1.6.0",
        "d3": "~3.4.1",
        "angular-touch": "~1.2.16",
        "deepcopy": "~0.3.2"
  },
   "devDependencies": {
        "angular-mocks": "1.2.6",
        "angular-scenario": "1.2.6"
     }
   }

Answer 1

我也遇到这个问题了。我发现问题是由 minify 进程引起的，因为它重命名了函数的参数，因此，例如，由于 Angular 无法找到提供程序“a”，模式停止正常工作。

修复非常简单。只需使用数组而不是函数来声明您的模态 Controller 。

示例:

var modal = $modal.open({
    templateUrl: 'partials/modal.html',
    controller: MyModalCtrl
});
var MyModalCtrl = [
    '$scope',
    '$modalInstance',
    function($scope, $modalInstance){
        ...
    }
];

如果您要缩小代码，强烈建议使用数组声明语法。

希望这能解决您的问题。