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循环。