Angular2 ngStyle複数クラスバインディングが動作しません

Question

私は、angular2 ansブートストラップを使用して、いくつかのフォームを動的に作成するアプリケーションを持っています。3ブートストラップグリッドを使用してコンポーネントを動的にスタイル設定しようとすると、

私はこれを書いた：

[ngStyle]="['col-xs-12','col-sm-'+field.span,'col-md-'+field.span,'col-lg-'+field.span]" 

は、「フィールド」は正しく囲まれていると私はエラーを得ていない、「スパン」プロパティはdiv要素をスタイルすることはないと思われるDOMを模索し、1と12の間の数であります。

Answer 1

ngStyleは、異なる目的を持っているか、または異なって使用されています。それはあなたが望むものと思われることはngStyleユースケースが

[ngStyle]="{color: someColorProperty}" 

ようなものになるだろう ngClass

[ngClass]="['col-xs-12','col-sm-'+field.span,'col-md-'+field.span,'col-lg-'+field.span]" 

です