Angular 2 - 我可以动态更改组件中的styleUrl吗?

时间:2018-01-10 15:04:38

标签: angular

Angular 2 - 我可以动态更改组件中的styleUrl吗?

我想基于查询字符串变量更改组件的CSS。我可以在ngOnInit()函数中获取变量ok,但那就是我想根据这个值更改CSS。

由于

1 个答案:

答案 0 :(得分:1)

您可以使用 ngClass 进行动态更改。

在你的.html文件中,你可以这样做:

<div [ngClass]="dynamicClass"></div>

在component.ts文件中,您可以设置此变量并在onInit()函数中更改它:

dynamicClass: string = 'licolor';

ngOnInit(){
    this.dynamicClass = 'nextStyle';
}

有关ngClass的更多信息,请点击此处:

https://angular.io/api/common/NgClass

ngStyle 也可能是您的有效解决方案。