問題注入控制器在角JS

Question

我嘗試定義控制器的對話，如角材料的例子（https://plnkr.co/edit/DlhNXU）

var TestApp = angular.module('TestApp', ['ngMaterial']); 

TestApp.controller('MainController', function MainController($scope, $mdDialog, $mdMedia, DialogController) { 
    ... 
    $mdDialog.show({ 
     controller: DialogController, 
     ... 
    }); 
    ... 
} 

但我總是得到這樣看出：

Error: [$injector:unpr] Unknown provider: DialogControllerProvider <- DialogController <- MainController

Answer 1

您無法注入控制器。因此，從依賴注入參數MainController刪除DialogController和使用controller: 'DialogController'的對話框：

TestApp.controller('MainController', function MainController($scope, $mdDialog, $mdMedia) { 

    // ... 

    $scope.showImprintDialog = function(ev) { 
    var useFullScreen = ($mdMedia('sm') || $mdMedia('xs')) && $scope.customFullscreen; 
    $mdDialog.show({ 
     controller: 'DialogController', 
     templateUrl: 'impressum.html', 
     parent: angular.element(document.body), 
     targetEvent: ev, 
     clickOutsideToClose: true, 
     fullscreen: useFullScreen 
     }) 
     .then(function(answer) { 
     $scope.status = 'You said the information was "' + answer + '".'; 
     }, function() { 
     $scope.status = 'You cancelled the dialog.'; 
     }); 
    $scope.$watch(function() { 
     return $mdMedia('xs') || $mdMedia('sm'); 
    }, function(wantsFullScreen) { 
     $scope.customFullscreen = (wantsFullScreen === true); 
    }); 
    }; 

    // ... 

}); 

演示：https://plnkr.co/edit/46YtlQbndPQ4n27uGFGQ?p=preview