我有一个使用Angular的响应式布局,用于计算Controller中的屏幕宽度:
$scope.getWidth = function() {
return $(window).width();
};
$scope.$watch($scope.getWidth, function(newValue, oldValue) {
var window_width = (newValue / 1000);
var window_width = window_width * .96;
$scope.window_width = window_width.toFixed(3);
});
window.onresize = function(){
$scope.$apply();
}
使用滤镜将数字四舍五入到最近的像素:
'use strict';
angular.module('myApp')
.filter('decimal', function () {
return function (input) {
return Math.ceil(input);
};
});
输出如下:
<div style="width: {{(1000 * window_width) | decimal}}px;"></div>
除了Internet Explorer之外,它可以正常工作。没有错误,样式标签只是空白。有谁知道问题可能是什么?