Question

[class.active]在我使用角度版本和旧版本的Bootstrap之前，在我的代码中无法正常工作了一段时间，但是现在升级到angular 8和bootstrap 4.2.1时，这里不起作用的代码

<a *ngFor="let cat of categoryArray;let i=index;"
                routerLink="/" 
                [queryParams]="{category: cat.CategoryId}"
                class="list-group-item list-group-item-action" 
                [class.active]= "category === cat.CategoryId"   
                (click)="fileUploadComponent.Save()"
                >               
                  {{cat.Name}}
              </a>

问题是，下一行的条件始终为假，但实际上不应为假。

[class.active]= "category === cat.CategoryId"

出什么问题了？

Answer 1

尝试使用：

[attr.routerLinkActive]="category === cat.CategoryId ? 'active: null"

Answer 2

[ngClass]="{'active': category == cat.CategoryId}"

bootstrap class.active在Angular 8中不起作用

2 个答案: