我有一个Angular 9项目。我有一个组件,它具有布尔属性。我用它来显示一个图标或另一个图标。我的代码是这样的:
组件ts:
@Input() running: Boolean = false;
组件html
<i *ngIf="running" class="fa fa-spinner fa-spin mr-1"></i>
<i *ngIf="!running" class="fa fa-trash"></i>
我将running属性更改为true,可以看到微调器出现,但是其他图标没有消失。我已经尽力想出了一切,但没有任何效果。重绘组件时,在Angular中存在重绘错误。
我尝试过
<i *ngIf="!!running" class="fa fa-spinner fa-spin mr-1"></i> !! Double bang
<i *ngIf="!running" class="fa fa-trash"></i>
我尝试将本地运行属性设置为布尔值而不是布尔值。我已将运行属性重命名(在某些奇怪的命名冲突的情况下),这也不起作用。我尝试将i标签与ngIf条件一起放在ng-template内,这也不起作用。我已经尝试过使用函数调用代替ngIf中的字段绑定,例如:
<i *ngIf="isRunning()" class="fa fa-spinner fa-spin mr-1"></i>
<i *ngIf="!isRunning()" class="fa fa-trash"></i>
,我创建了一个isRunning函数,该函数返回运行状态,但也不起作用。 Angular中是否存在重绘错误导致此错误?