$mdDialog不工作

Question

$mdDialog不使用自定义模板。代码如下：

HTML：

​

<md-button class="md-icon-button" ng-click="commentPrompt($event)">
  <p>button
  </p>
</md-button>

​

JS：

​

 var app = angular.module('BetaApp', ['ngMaterial', 'firebase']);
	
    
    app.controller('SideNavController', function($scope, $mdDialog) {
	$scope.commentPrompt = showDialog;
function showDialog($event){
		var parentEl = angular.element(document.body);
		$mdDialog.show({
         parent: parentEl,
         targetEvent: $event,
         templateUrl: 'comment.html',
         controller: DialogController
      });
	};
	function DialogController($scope, $mdDialog) {
        $scope.closeDialog = function() {
          $mdDialog.hide();
        }
    }
});

​

COMMENT.HTML：

​

 <md-dialog>
<span>test
</span>
<md-button ng-click="closeDialog()" class="md-primary">
  <p>close</p>
  </md-button>
</md-dialog>

​

Answer 1

改变这一点

md-button class="md-icon-button" ng-click="commentPrompt($event)">

至

md-button class="md-icon-button" ng-click="showDialog($event)">