Angularjs更改範圍變量窗口調整大小

Question

我試圖更改範圍變量：$scope.tab每次窗口調整和$scope.tab == 'more'。

代碼：

$scope.closeMoreTab = function() { 
    if($scope.tab == 'more') 
     $scope.tab = 'extras'; 
}; 

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

嗯，這真的叫$scope.closeMoreTab()，它真的改變了$scope.tab變量，但實際上，它並沒有改變在視圖上任何東西。

我想：

console.log($scope); 

要檢查變量tab，它真的變成「演員」，但是當我做：

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

這讓我發現，當前選項卡的變量仍然是'more'

請幫忙。我用這種方法幹了1小時，不知道爲什麼會發生或做什麼。

非常感謝

Answer 1

你應該換你$scope.closeMoreTab();到$scope.$apply功能，因爲這目前值發生變化，但不會觸發消化週期：

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

Answer 2

您可以嘗試變量添加到$watch，因爲每當變量$apply的值發生變化時，調用$apply將處理$digest週期。