缩小角度mdDialog控制器代码失败

Question

我成功添加了一个自定义模板mdDialog以请求一个名称和一个布尔（从复选框）对话框，点击一个元素时弹出。

但是，虽然它在开发中效果很好，但由于构建过程会缩小js代码，因此它在生产上会失败。我在这个问题上发现了很多关于这个问题的例子，但是没有一个强调如何解决我的问题，在大多数情况下，这是一个决心或容易理解的东西。我的代码是：

function DialogController ($scope, $mdDialog, gsheet, name) { 
    $scope.name = name; 
    $scope.gsheet = gsheet; 

    $scope.cancel = function() { 
    $mdDialog.cancel(); 
    }; 

    $scope.create = function (name, gsheet) { 
    $mdDialog.hide ({ 'name': name, 'createSheet': gsheet ? gsheet : false }); 
    }; 
} 

function openNewDataSourceDialog (ev) { 
    if (!$rootScope.driveAuth) { 
    $rootScope.$emit ('requestMoreAuth'); 
    } 
    else { 

    var confirm = $mdDialog.prompt ({ 
     templateUrl: "app/main/data-sources/data-sources-dialog.tmpl.html", 
     parent: angular.element (document.body), 
     clickOutsideToClose: true, 
     targetEvent: ev, 
     controller: DialogController, 
     fullscreen: false, 
     scope: $scope, 
     preserveScope: true, 
     locals: { 
     name: "", 
     gsheet: true 
     } 
    }); 

    $mdDialog.show (confirm).then (function (result) { 
     //create something... 
    }, function() { 
     //dont create anything... 
    }); 
    } 
}; 

什么是打破这里缩小的想法？谢谢！

Answer 1

它大多发生在你缩小的时候也是$mdDialog的名字。为它添加Dependency Injection。

你的情况：

 var confirm = $mdDialog.prompt ({ 
     templateUrl: "app/main/data-sources/data-sources-dialog.tmpl.html", 
     parent: angular.element (document.body), 
     clickOutsideToClose: true, 
     targetEvent: ev, 
     controller: ['$scope', '$mdDialog', 'gsheet', 'name', 
      function ($scope, $mdDialog, gsheet, name) { /* ... */}], 
     fullscreen: false, 
     scope: $scope, 
     preserveScope: true, 
     locals: { 
     name: "", 
     gsheet: true 
     } 
    }); 

或者：

//... 
controller: ['$scope', '$mdDialog', 'gsheet', 'name', DialogController], 
//...