2016-04-05 15 views
0

角度のあるマテリアルデザインの警告ダイアログをアクティブにしようとしています。私のコントローラで

、私が持っている:

angular.module('KidHubApp') 
    .controller('ActivityCtrl', ['$scope','$meteor', '$stateParams', '$mdDialog', '$state', function($scope, $meteor, $stateParams, $state, $mdDialog){ 

...

$mdDialog.show(
$mdDialog.alert() 
.clickOutsideToClose(true) 
.title('No timeslot selected.') 
.textContent('Please select a date and a timeslot to make a reservation.') 
.ok("Got it!") 
.targetEvent(ev) 
    ); 
} 

はしかし、私はコンソールに取得しています:

TypeError: $mdDialog.alert is not a function

どのように私はこの問題を解決することができますか?

+0

グローバルウィンドウオブジェクトに$ mdDialogオブジェクトを追加してから、開発者コンソールでテストすることができます。 –

答えて

1

あなたの関数のparamsは、注入順序と一致していない...

angular.module('KidHubApp') 
    .controller('ActivityCtrl', ['$scope','$meteor', '$stateParams', '$mdDialog', '$state', function($scope, $meteor, $stateParams, $state, $mdDialog){ 

は聞きしたいので注入順序と一致するように、あなたの関数のparamsで$state$mdDialogを交換

angular.module('KidHubApp') 
    .controller('ActivityCtrl', ['$scope','$meteor', '$stateParams', '$mdDialog', '$state', function($scope, $meteor, $stateParams, $mdDialog, $state){ 

する必要があります。.. 。

+0

愚かな私...ありがとう! –