我正在使用 angular.js 来重复一些数据。绑定之一计算 x 和 y 坐标并使用 ng-style-binding 设置它们。这在除 IE8 之外的所有浏览器中都可以正常工作。在 IE8 中,它似乎甚至没有运行我的功能。
但是,如果我使用 {{ }} 绑定将其作为文本输出,它会正确输出,但使用属性时则不会。
我的 html 看起来像这样:
<span ng-repeat="obj in item.products" class="product-point" ng-style="getPos(obj.point.x, obj.point.y, index)">
<img ng-src="Images/add-button.png" width="100%" ng-click="addItemToList(obj.id)"/>
</span>
getPos 函数如下所示:
$scope.getPos=function(x, y) {
x = (parseFloat(x) * 0.01) * imageSize.width;
y = (parseFloat(y) * 0.01) * imageSize.height;
return "left:"+Math.round(x)+"px; " +"top:"+Math.round(y)+"px";
}
有任何想法吗?