更改 Angular 中元素的 class 4
Changing class of element in Angular 4
你好就像在主题中一样，
我想像这样更改项目的 class：
<a class="nav-link active" href="#"> --> <a class="nav-link" href="#">
你有什么想法吗？谢谢你的回答。
我假设您使用条件来决定要应用于元素的 类。您可以使用 ngClass 指令来决定要应用的 类：
<a [ngClass]="{'nav-link active' : condition1, 'nav-link': condition2}" href="#">
Click here
</a>
以上仅为示例。您可以使用此示例编写以评估不同的 expressions/conditions 并应用一个或多个 CSS 类.
您可以像这样使用 angular 提供的 [class.] 指令：
<a class="nav-link" [class.active]"your-condition" href="#">
您可以在此处阅读更多相关信息：https://angular.io/guide/attribute-binding#binding-to-the-class-attribute。
您可以使用 ngClass 指令：
<a class="nav-link" [ngClass]="{'active' : condition}" href="#">
你好就像在主题中一样， 我想像这样更改项目的 class：
<a class="nav-link active" href="#"> --> <a class="nav-link" href="#">
你有什么想法吗？谢谢你的回答。
我假设您使用条件来决定要应用于元素的 类。您可以使用 ngClass 指令来决定要应用的 类：
<a [ngClass]="{'nav-link active' : condition1, 'nav-link': condition2}" href="#">
Click here
</a>
以上仅为示例。您可以使用此示例编写以评估不同的 expressions/conditions 并应用一个或多个 CSS 类.
您可以像这样使用 angular 提供的 [class.] 指令：
<a class="nav-link" [class.active]"your-condition" href="#">
您可以在此处阅读更多相关信息：https://angular.io/guide/attribute-binding#binding-to-the-class-attribute。
您可以使用 ngClass 指令：
<a class="nav-link" [ngClass]="{'active' : condition}" href="#">