調整大小後更新ng樣式的寬度

Question

如何在每次調整窗口大小時從angular指令更新元素寬度？

現在它只綁定一次。

DIRECTIVE

function calculateGameWidth() {  
    scope.responsiveGameWidth = Math.floor((window.innerWidth - 22)/Math.floor((window.innerWidth - 22)/232)) - 6; 
    return scope.responsiveGameWidth; 
} 

calculateGameWidth(); 

//On resize 
window.onresize = function() { 
    calculateGameWidth(); 
} 

HTML

<li ng-style="{width: responsiveGameWidth+'px'}"></li> 

預先感謝。

Answer 1

您正在角度週期之外進行範圍更新。

您可以

function calculateGameWidth() {  
    scope.responsiveGameWidth = Math.floor((window.innerWidth - 22)/Math.floor((window.innerWidth - 22)/232)) - 6; 
    scope.$apply(); 
} 

解決此問題並使用您的變量，而不是功能

<li ng-style="{width: responsiveGameWidth+'px'}"></li>