用戶創(chuàng)建 → 跳轉(zhuǎn)至列表頁 → 自動彈出「創(chuàng)建成功」提示框

angular.module('app', ['ui.router'])
.run(['$rootScope', 'DialogService', function($rootScope, DialogService) {
  // 監(jiān)聽路由切換完成事件
  $rootScope.$on('$stateChangeSuccess', (event, toState) => {
    if(toState.name === 'userList' && $rootScope.showSuccessDialog) {
      DialogService.open('用戶創(chuàng)建成功！');
      $rootScope.showSuccessDialog = false; // 重置狀態(tài)
    }
  });
}]);

.service('DialogService', ['$timeout', function($timeout){
  this.open = (msg) => {
    $timeout(() => {  // 確保DOM渲染完成
      const dialog = document.getElementById('successDialog');
      dialog.querySelector('.msg').innerHTML = msg;
      dialog.classList.add('show');
    }, 100);
  };
}])

// 在創(chuàng)建用戶的控制器中
$scope.createUser = () => {
  UserService.create(userData)
   .then(() => {
      $rootScope.showSuccessDialog = true; // 設(shè)置全局標(biāo)識
      $state.go('userList'); // 跳轉(zhuǎn)到列表頁
   });
};