Question

我有一个奇怪的问题，我需要在排序场上上下显示fontawesome插入符号。但是只显示了fa-caret-up而不是fa-caret-down。我正在使用下面的代码。 / p>

HTML

 <th (click)="sort('ref')">Ref {{reverse}}
    <span *ngIf="sortKey=='ref'"  ><i  [ngClass]="{'fa fa-caret-down':reverse,'fa fa-caret-up':!reverse}" ></i></span>
 </th>

TS

     sortKey:string = "";
     reverse:boolean = true;

  sort(field){
    this.sortKey = field;
    this.reverse = !this.reverse;

  }

在检查生成的html时，我观察到当fa-caret-down时fa不会连接。但是当显示fa-caret-up时它会连接起来。这是Angular 4中的一个错误吗？

我也试过在它之前连接class =“fa”，没有区别。请澄清。

Answer 1

奇怪的是，当反向为真时，它会从fa-caret-down中删除fa类。

这有效，

<span><i class="fa" [ngClass]="{'fa-caret-down':reverse,'fa-caret-up':!reverse}" ></i></span>

编辑：你也可以使用，

<span><i [ngClass]="reverse ? 'fa fa-caret-down': 'fa fa-caret-up'" ></i></span>

FontAwesome插入符号不会出现在ngClass中

1 个答案: