縮小時の角度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], 
//...