使用角度ng样式调出背景图像

Question

我正在使用ng-style指令。我想为我的ng-repeat添加一个按钮，即css sprite。如果我包括sprite正常方式我的元素检查员有一个很好的老呻吟。来自我从Angular documentation

收集的信息

我认为这很简单如下：

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

但是我收到来自这行代码的snytax错误消息。有谁知道正确的方法？

Answer 1

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

是正确的方法。错过了网址'url:(\'/img/Myimage.png\')'

中的引号

Answer 2

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

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

或

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

Answer 3

url你的CSS语法不正确，你有额外的:我会删除src的引号，所以整个属性是一个字符串

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

我真的不会忘记为什么你会使用ng-style来解决这个问题。一个简单的CSS规则和类会更有意义，因为你没有评估任何东西