エラー：[$コントローラ：CTRLREG]名前のコントローラは 'AppCtrl' 登録されていません

Question

angular.module（ 'MyAppの'、[ 'ngMaterial'、 'ngMessages'、 'material.svgAssetsCache']）

.controller('AppCtrl', function ($scope, $mdDialog,) { 


    $scope.showAdvanced = function (ev) { 
     $mdDialog.show({ 
      controller: DialogController, 
      templateUrl: 'dialog1.tmpl.html', 
      parent: angular.element(document.body), 
      targetEvent: ev, 
      clickOutsideToClose: true 
     }) 

    }; 

    function DialogController($scope, $mdDialog) { 
     $scope.hide = function() { 
      $mdDialog.hide(); 
     }; 

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

     $scope.answer = function (answer) { 
      $mdDialog.hide(answer); 
     }; 
    } 
}); 

エラーが出る 誰でも解決できますか？

Answer 1

DialogControllerを登録して使用するには、参照名がstringでAppCtrlに指定する必要があります。あなたのコードは次のようでなければなりません

：

解決

angular.module('MyApp', ['ngMaterial', 'ngMessages', 'material.svgAssetsCache']) 
    .controller('AppCtrl', function ($scope, $mdDialog) { 
     $scope.showAdvanced = function (ev) { 
      $mdDialog.show({ 
      controller: 'DialogController', // notice single qoutes here 
      templateUrl: 'dialog1.tmpl.html', 
      parent: angular.element(document.body), 
      targetEvent: ev, 
      clickOutsideToClose: true 
     })  
    }) // end of 'AppCtrl' 
    .controller('DialogController', function ($scope, $mdDialog) { 
     $scope.hide = function() { 
      $mdDialog.hide(); 
     }; 

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

     $scope.answer = function (answer) { 
      $mdDialog.hide(answer); 
     }; 
    }); // end of 'DialogController'