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

Question

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

.ts 文件

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

我想在我的 html 文件中检查对象 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>

另一种方法是为此创建单独的函数，但我认为这是一种简单的方法do.I希望它能帮助你。:)

How to check if element exists in an Object?