Question

我正在使用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";
}

有什么想法吗？

Answer 1

如果您返回object { top: y, left: x }而不是字符串，则似乎可以正常工作。

Angular.js，ng-style和IE8

1 个答案: