AngularJS ng樣式轉義變量中的非法字符

這些數字未被拾取，可能是因爲x-offset沒有正確轉義。將控制器的值放入ng樣式的正確方法是什麼？AngularJS ng樣式轉義變量中的非法字符

的數據看起來是這樣的：

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

和HTML：

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

來源

2014-03-31 Tantelope

爲了鼓勵解答，也許打開顯示此代碼的JSFiddle！ –

'item'是範圍的一部分嗎？ –

項目是範圍的一部分。它正確地工作，而它只是綁定到style =「background-position = {{item [' - x-offset']}} px ...但現在我已經切換到ng樣式，它不是選擇我有另一個屬性後，它可以正常工作：width：item.width +'px'所以這個問題是不是與項目的內容，但與我把它放入ng樣式。 – Tantelope

你需要用引號括起來的CSS串的休息和適當的串連它：

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

這裏是一個工作jsfiddle：http://jsfiddle.net/LQpgY/2/

來源

2014-03-31 21:13:58 JoseM

AngularJS ng樣式轉義變量中的非法字符

回答

相關問題