Как проверить, существует ли элемент в объекте?

Question

Как использовать * ngIf, чтобы проверить, существует ли элемент в объекте?

.ts file

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

Вы можете сначала использовать ngFor , чтобы выполнить итерацию каждого элемента в цикле, а затем использовать ngIf , чтобы проверить, существует ли значение.

, например:

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

Другой метод - сделать отдельную функцию для этого, но я думаю, что это простой способ сделать. Надеюсь, это поможет вам. :)

Answer 3

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

Надеюсь, это поможет.