Question

我编写了一个切换功能，可以更改链接的文本。但我需要检查多种情况。即，* ngIf =“condition1或conditiong2”。

以下是我的代码：

<a routerLink="/ads" class="tip" (click)="toggle(value._id)"><i class="fa fa-ban"></i>
<span *ngIf="showActivate[value._id]||value.status='active'">De activate</span>
<span *ngIf="!showActivate[value._id]||value.status='inactive'">Activate</span>
</a>

这不起作用。请告诉我如何正确检查这两种情况。这里所有相关的问题没有帮助，因此张贴了这个。

提前致谢。

Answer 1

我认为当您比较的字符串不是===时，您需要=

<span *ngIf="showActivate[value._id]||value.status==='active'">De activate</span>
<span *ngIf="!showActivate[value._id]||value.status==='inactive'">Activate</span>

Answer 2

您还可以将这些多个条件移动到组件中的方法。

showActivate(value:any): boolean {
 if(value.status === 'active') {
    return true;
 } else {
     return false;
}

<强> HTML

<span *ngIf="showActivate()">De activate</span>

检查多个条件ngIf

2 个答案: