2016-10-04 50 views
0

我有一個網頁有一個網格的HTML。對於每個對象,我已經添加了帶有ID的ng-style查詢一個angularjs對象的dom

在我的控制器中,我需要能夠根據數據調用中的對象名稱來設置樣式。

例如"sD3","dD3"

<div id="sD3" data-ng-style="sD3" class="roundabout-rowDcol3"></div> 
<div id="dD3" data-ng-style="dD3" class="grid-data-rowDcol3"></div> 

比我的控制器使用非常大的開關以外,有另一種方式我可以抓取對象,並設置樣式?

事情是這樣的:

object = {"background-color": style.backgroundColor, color": style.color,}; 
+2

爲什麼不創建一個'.css'類爲每個對象類型(*在其自己的.css文件*),並使用分配相應的值[ngClass](https://docs.angularjs.org/api/ng/directive/ngClass)? – Igor

+1

我只是想強烈**鼓勵你考慮@Igor評論 - 這是「角度的方式」做事情。以其他方式去做是更多的工作,更難以維持,而不是「角度」的方式。 –

回答

1

$scope使用屬性訪問。

爲:

<div id="sD3" data-ng-style="sD3" class="roundabout-rowDcol3"></div> 

用途:

var id = "sD3"; 

$scope[id] = {"background-color": style.backgroundColor, "color": style.color,}; 
+0

哇,謝謝這就是需要...看起來像我需要更多的角度學習.. – jamesT