javascript - 调整大小后更新ng样式的宽度

每次调整窗口大小时，如何从角度指令更新元素宽度？

现在其绑定只有一次。

指示

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>

预先感谢。

最佳答案

您正在角度范围外进行范围更新。

您可以使用

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>