AngularJS ng样式转义变量中的非法字符

Question

数字未被提取，可能是因为x-offset未正确转义。将控制器中的值放入ng-style的正确方法是什么？

数据看起来像这样：

{
    "item": {
        "x-offset": 4,
        "y-offset": 5
    }
}

和html：

<div ng-style="{backgroundPosition: -item['x-offset']+'px' -item['y-offset']+'px'}"></div>

Answer 1

您需要将css字符串的其余部分用引号括起来并正确连接：

<div ng-style="{backgroundPosition: '-' + item['x-offset']+'px -' + item['y-offset']+'px'}"></div>

这是一个有效的jsfiddle：http://jsfiddle.net/LQpgY/2/