如何检查元素是否存在于对象中？

Question

如何使用* ngIf检查对象中是否存在元素？

.ts文件

this.data = ["cat", "dog"];

我想在我的html文件中检查cat是否存在于对象this.data中。我可以使用* ngIf吗？

Answer 1

您可以在ts文件中创建一个函数，以检查所需的字符串是否存在于数组中：

doesExist(animal: string): boolean {
return this.data.includes(animal);
}

，然后在您的html文件中调用它：

<div *ngIf="doesExist('cat')"> [...] </div>

Answer 2

<div *ngIf="data.includes('cat')">hello world</div>

我希望这会有所帮助。

Answer 3

您可以先使用 ngFor 遍历循环中的每个元素，然后使用 ngIf 检查值是否存在。

例如：

<div *ngFor="let element of data">
    <div *ngIf="element.cat">
     </div>
</div>

另一种方法是为此设置单独的函数，但是我认为这是简单的方法。希望对您有所帮助。：）