mdダイアログが動作しない

Question

私は角張った材料を使い慣れていないので、$ md-Dialogサービスを動作させようとしています。私は角度材料のデモを使用していますが、どういうわけか私はそれを正しく得ることができません。これを動作させるために追加する必要があるもの/何が間違っているか。

デモ https://material.angularjs.org/latest/api/service/ $ mdDialog

マイHTML

<div ng-controller="myController"> 
<md-button ng-click="showAlert()" class="md-raised md-warn">Custom Dialog</md-button> 
</div> 

私のJS

app.controller('myController', ['$scope', '$mdToast', '$animate', '$mdDialog', '$mdMedia', function ($scope, $mdToast, $mdDialog,$animate, $mdMedia) { 

var alert; 
$scope.showAlert = showAlert; 
// Internal method 
function showAlert() { 
    alert = $mdDialog.alert({ 
    title: 'Attention', 
    textContent: 'This is an example of how easy dialogs can be!', 
    ok: 'Close' 
    }); 
    $mdDialog 
    .show(alert) 
    .finally(function() { 
     alert = undefined; 
    }); 
} 
} 

Answer 1

これはかなり一般的な問題が、あなたの注入配列必見のモジュールの順序ですは、関数のパラメータ内のモジュールの順序と一致します。これに

app.controller('myController', 
    ['$scope', '$mdToast', '$animate', '$mdDialog', '$mdMedia', 
    function ($scope, $mdToast, $mdDialog, $animate, $mdMedia) 

：

app.controller('myController', 
    ['$scope', '$mdToast', '$animate', '$mdDialog', '$mdMedia', 
    function ($scope, $mdToast, $animate, $mdDialog, $mdMedia) 

Answer 2

実際には、手動で注入名を指定するべきではありません。この

変更。使用うなり声とガルプの両方で利用可能であるNG-注釈

https://github.com/olov/ng-annotate

https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md#style-y101