Angular2 ngStyle 多个 class 绑定不起作用

Question

我有一个使用 angular2 ans bootstrap 动态创建某种形式的应用程序 3. 当我尝试使用 bootstrap 网格动态设置组件样式时遇到了一些麻烦。

我写了这个：

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

'field' 是正确的边界，我没有错误，'span' 属性 是 1 到 12 之间的数字，探索 dom div 好像没有样式化。

Answer 1

ngStyle 有不同的用途或不同的用法。看来你要的是ngClass

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

一个ngStyle用例类似于

[ngStyle]="{color: someColorProperty}"