角度9 * ngIf错误

时间:2020-09-07 13:17:42

标签: angular typescript

我有一个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中是否存在重绘错误导致此错误?

0 个答案:

没有答案