javascript - AngularJS ng-style转义变量中的非法字符

Question

可能是因为 x-offset 没有被正确转义，所以数字没有被拾取。将 Controller 中的值放入 ng 样式的正确方法是什么？

数据看起来像这样:

{
    "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/