AngularJS不會立即更新當我推入Modal

Question

我使用角度ui作爲模式，當我按下它時，它進入我指定的數組，但它不會立即更新它應該，我仍然必須刷新頁面

<button class="btn btn-regular mustard-lighten-1 white-text" ng-click="showModal()"><span class="material-icons">add</span></button> 

$scope.showModal =() => { 
    let modalInstance = $uibModal.open({ 
     animated: true, 
     templateUrl: 'pages/modals/add-modal.html', 
     controller: 'homeController' 
    }) 
} // show modal on the overview page 

$scope.addRule =() => { 

    $scope.rules.push({ 
     // properties inside here 
    }) 

Answer 1

更新1：試試這個。

$timeout(function() { 
    $scope.rules.push({ 
     // properties inside here 
    }); 
},1100); 

試試這個，這爲我工作：

$rootScope.$apply(function() { 
    $scope.rules.push({ 
     // properties inside here 
    }); 
});