ngStyle对象表达属性angular 2的多个值

Question

是否可以在ngStyle指令的属性中添加多个值？ 例如：

<div [ngStyle]='{"background" : ["rgba(248,80,50,1)", "-webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)))"]}' ></div>

谢谢

Answer 1

在此示例中，您不能只使用自定义类吗？ 在组件定义中，您可以使用styleUrls为该特定组件包括唯一的样式表。 例：

@Component({
selector: 'my-component',
moduleId: module.id,
templateUrl: 'my-component.html',
styleUrls: ['my-component.css'] // <-- here
})

如果您还需要切换其他样式，则使用ngClass的另一种方法可能会更容易。