ダイアログを生成中にDialogProviderエラーが発生しました

Question

イメージをクリックした後にダイアログを開くモバイルアプリケーションを作成しようとしています。

ここでは、私がこれまでにやっていることです：

HTML：

 <ion-content ng-controller="cityController"> 
<div class="container" id="popupContainer"> 
    <div class="row"> 
      <div class="col col-33"> 
        <img src="img/images/opera.jpg" ng-click="showTabDialog($event)"/> 
       <div class="description" style="font-size: 8pt">Opera de Lyon</div> 
     </div> 

JS：

angular.module('starter.cityController', ['ionic', 'ngDialog']) 
.controller('cityController', function ($scope, $mdDialog, $mdMedia){ 
    $scope.status = ' '; 
    $scope.customFullscreen = $mdMedia('xs') || $mdMedia('sm'); 

    $scope.showTabDialog = function(ev) { 
    $mdDialog.show({ 
     controller: DialogController, 
     templateUrl: 'tabDialog.tmpl.html', 
     parent: angular.element(document.body), 
     targetEvent: ev, 
     clickOutsideToClose:true 
    }) 
     .then(function(answer) { 
      $scope.status = 'You said the information was "' + answer + '".'; 
     }, function() { 
      $scope.status = 'You cancelled the dialog.'; 
     }); 
    }; 
}); 
function DialogController($scope, $mdDialog) { 
    $scope.hide = function() { 
    $mdDialog.hide(); 
    }; 
    $scope.cancel = function() { 
    $mdDialog.cancel(); 
    }; 
    $scope.answer = function(answer) { 
    $mdDialog.hide(answer); 
    }; 
} 

をしかし、私はエラーを取得する：

Error: [$injector:unpr] Unknown provider: $mdDialogProvider <- $mdDialog <- cityController 

テンプレートがあります。私はこの問題がいくつかの依存関係の問題だと知っていますが、どちらが見つけられないのでしょうか。

誰でも手助けできますか？

Answer 1

コントローラ定義が

.controller('cityController', ['$scope','$mdDialog','$mdMedia',function ($scope, $mdDialog, $mdMedia){ 

    // your code will be here 

    }]) 

ようにする必要がありますそして、あなたが

としてのindex.htmlに手動で追加インストール亭を使用してngMaterial incluseカント場合

angular.module('starter.cityController', ['ngMaterial']) 

のようなあなたの角度モジュールにngMaterial依存関係を注入してください

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css"> 
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>