サイズ変更後にngスタイルの幅を更新する

Question

ウィンドウのサイズを変更するたびにangleディレクティブから要素の幅を更新するにはどうすればよいですか？

今すぐバインドは1回だけです。

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>