使用角度ng樣式調出背景圖片

我正在使用ng-style指令。我想創建添加一個按鈕到我的ng-repeat這是CSS精靈。如果我包括精靈正常的方式，我的元素檢查員有一個很好的老呻吟。從i從角documentation 使用角度ng樣式調出背景圖片

收集信息我認爲這是因爲以下作爲簡單：

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

但是我是從下面這行代碼接收snytax錯誤消息。有誰知道正確的方法？

你可能需要逃避報價在網址爲逃避引號：' '網址：（\'/ IMG/Myimage.png \ '）'' – idbentley

語法'url'不正確，不應該'：'後它和src上的引號不需要...將在角度標記中刪除 – charlietfl

@idbentley謝謝我發現我出錯的地方 – NewKidOnTheBlock

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

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

或

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

2013-11-24 15:53:16 lowlvldeveloper

你的CSS語法不正確爲url，你有額外的:等全屬性是一個字符串

我會刪除報價在src

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

我真的不爲了解釋爲什麼你會用這個ng-style。因爲你沒有任何評價

2013-11-24 15:58:18 charlietfl

實際上對我很有用 – NewKidOnTheBlock

首先使用'ng-styl'是什麼意思？ – charlietfl

Bcos我的按鈕處於ng-repeat功能。如果我將這個圖像添加到我的CSS我得到錯誤消息督察。這是最好的做法 – NewKidOnTheBlock

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

是做了正確的方式一個簡單的CSS規則和級別會更有意義。失蹤的URL 'url:(\'/img/Myimage.png\')'

2013-11-24 16:14:17 NewKidOnTheBlock

回答