如何在关闭$mdDialog弹窗容器时刷新页面？

我来帮你搞定这个需求！你已经能通过$mdDialog成功弹出提示框了，要实现弹窗关闭后刷新页面，核心是利用$mdDialog.show()返回的Promise绑定关闭后的回调逻辑。下面分两种场景给你具体实现方案：

场景1：无论点击Ok还是外部关闭，都刷新页面 #

如果希望不管用户是点击Ok按钮，还是点击弹窗外部关闭，都触发页面刷新，可以用finally()方法——它会在Promise完成（不管是resolve还是reject）时执行：

首先确保你的控制器注入了$window（或者$route，根据你的路由方案选择）：

// 控制器依赖注入示例
app.controller('YourController', ['$scope', 'HomeService', '$mdDialog', '$window', 
function($scope, HomeService, $mdDialog, $window) {

  $scope.updateCustomer = function(){ 
    HomeService.updateCustomer($scope.update) 
      .then(function success(response){ 
        $mdDialog.show( 
          $mdDialog.alert() 
            .parent(angular.element(document.querySelector('#popupContainer'))) 
            .clickOutsideToClose(true) 
            .textContent("Username has been changed successfully!") 
            .ariaLabel('Success Alert') 
            .ok('Ok') 
        )
        // 弹窗关闭后（无论哪种方式）执行刷新
        .finally(function() {
          // 刷新整个浏览器页面
          $window.location.reload();
          // 如果用了ngRoute，推荐用这个（仅刷新当前路由视图，不重载整个浏览器）：
          // $route.reload();
        });
      }, function error(response){ 
        // 错误弹窗也可以同理添加刷新逻辑
        $mdDialog.show( 
          $mdDialog.alert()
            .parent(angular.element(document.querySelector('#popupContainer')))
            .clickOutsideToClose(true)
            .textContent("Update failed: " + (response.data?.message || "Unknown error"))
            .ariaLabel('Error Alert')
            .ok('Ok')
        )
        .finally(function() {
          // 可选：错误弹窗关闭后也刷新的话就保留这行
          // $window.location.reload();
        });
      });
  };
}]);

场景2：仅点击Ok按钮时才刷新页面 #

如果只希望用户点击Ok按钮时刷新，点击外部关闭不刷新，那就用then()方法——它只会在用户点击Ok（Promise resolve）时执行：

$mdDialog.show(/* 弹窗配置 */)
  .then(function() {
    // 只有点击Ok时才执行刷新
    $window.location.reload();
  });

关键注意点 #

• 记得在控制器的依赖列表里添加$window或者$route，否则AngularJS找不到这些服务会报错。
• $window.location.reload()会刷新整个浏览器页面，适合需要重置所有状态的场景；$route.reload()是ngRoute提供的方法，只会重新加载当前路由对应的控制器和视图，更适合单页应用的局部刷新需求。

内容的提问来源于stack exchange，提问作者Tharuka