使用角度 ng-style 调出背景图像答案

【问题标题】：using angular ng-style to call out a background image使用角度 ng-style 调出背景图像
【发布时间】：2013-12-09 04:33:34
【问题描述】：

我正在使用ng-style 指令。我想向我的ng-repeat 添加一个按钮，它是css sprite。如果我以正常方式包含精灵，我的元素检查器会发出一个很好的老呻吟。根据我从 Angular documentation 收集的信息

我认为它很简单，如下所示：

<button ng-style="{'background-image':'url:('/img/Myimage.png')'}">test</button>

但是，我从这行代码中收到了 snytax 错误消息。有谁知道正确的方法吗？

【问题讨论】：

【解决方案1】：

<button ng-style="{'background-image':'url(\'img/MyImage.png\')'}">test</button>

是正确的方法。缺少转义网址中的引号'url:(\'/img/Myimage.png\')'

【讨论】：

【解决方案2】：

哦，{color:' something',background:'something '}

ng-style="{background:'url(something)'}"

或

ng-style="{'background-image':'url(something)'}"

【讨论】：

【解决方案3】：

url 的 CSS 语法不正确，你有多余的 :，我会删除 src 的引号，这样整个属性就是一个字符串

<button ng-style="{'background-image':'url(/img/Myimage.png)'}">test</button>

我真的不明白你为什么要为此使用ng-style。一个简单的 CSS 规则和类会更有意义，因为你没有评估任何东西

【讨论】：