$mdDialog 未关闭答案

【问题标题】：$mdDialog not close$mdDialog 未关闭
【发布时间】：2018-02-18 21:36:27
【问题描述】：

我在一个控制器中有 mdDialog 以显示另一个控制器的详细信息。当我单击关闭按钮时，它不会关闭。

我两个都用过： $mdDialog.hide() 和 $mdDialog.cancel()

【问题讨论】：

【解决方案1】：

重新检查所有这些：

$mdDialog API 的正确用法：

$mdDialo.show({
  controller:function($scope,$mdDialog){
    $scope.close = function(){$mdDialog.hide();}
  },
  templateUrl:'some-template.dialog.html'
})

从控制器到模板的正确链接。

即如果您使用的是`$scope.close = function(){ ... }`，那么您的模板应如下所示：`<md-button ng-click=close()>close</md-button>`

如果您使用的是控制器： this.close = function(){...} 那么你需要在 $mdDialog.show() 配置对象中添加一个控制器： controllerAs:'$ctrl'

在您的模板中： <md-button ng-click=$ctrl.close()></md-button>

【讨论】：

$mdDialo.show({ controller:function($scope,$mdDialog){ $scope.close = function(){$mdDialog.hide();} }, templateUrl:'some-template.dialog.html' })

即如果您使用的是$scope.close = function(){ ... }，那么您的模板应如下所示：&lt;md-button ng-click=close()&gt;close&lt;/md-button&gt;

`$mdDialo.show({ controller:function($scope,$mdDialog){ $scope.close = function(){$mdDialog.hide();} }, templateUrl:'some-template.dialog.html' })`

即如果您使用的是`$scope.close = function(){ ... }`，那么您的模板应如下所示：`<md-button ng-click=close()>close</md-button>`