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

AngularJS ng-style escaping illegal characters in variables

本文关键字：非法 字符 变量 ng 样式 转义 AngularJS      更新时间：2023-09-26
这些

数字没有被拾取，大概是因为x偏移量没有被正确转义。将控制器中的值转换为 ng 样式的正确方法是什么？

数据如下所示：

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

和 html：

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

css 字符串的其余部分括在引号中并正确连接：

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

这是一个工作方法：http://jsfiddle.net/LQpgY/2/

相关文章：