Angular.js - 在調整大小事件中更改范圍變量時，視圖不會更新

Question

每次更改窗口大小時，我都想將范圍變量tab更改為“home”。 下面的代碼做得很好，但由於某種原因，視圖沒有更新。

$scope.changeTab = function (tab) {
  $scope.tab = tab;
};
    
angular.element($window).bind('resize', function () {
  $scope.changeTab('home');
});

<div>{{ tab }}</div>

Answer 1

你應該包裝你的$scope.closeMoreTab(); 進入$scope.$apply函數，因為這當前會更改值，但不會觸發摘要循環：

angular.element($window).bind('resize', function() {
    $scope.$apply(function() {
        $scope.closeMoreTab();
    });
});

Answer 2

您可以嘗試將變量添加到$watch ，因為每當該變量的值發生變化時， $apply將被調用，並且調用$apply將處理$digest循環。