2016-10-04 3 views
0

私はhtmlのグリッドを持つページを持っています。オブジェクトごとに、ID付きng-styleを追加しました。domにangularjsオブジェクトを照会しています

私のコントローラでは、データ呼び出しのオブジェクト名に依存してスタイルを設定できる必要があります。私のコントローラで非常に大きなスイッチを使用するよりも他の

"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

関連する問題