0

我有一个 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>

我尝试将本地运行属性设置为布尔值而不是布尔值。我已经重命名了 running 属性（以防出现一些奇怪的命名冲突），但这也不起作用。我尝试将 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 中是否存在导致此错误的重绘错误？

4

0 回答 0