Блог

Мне нужно проверить, существует ли значение в массиве данных.

gjhg = [ id, name ]

Как указано в комментарии, это лучше всего подходит для метода в контроллере компонента, т.Е.

 import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  allowedIds = [1, 2, 12] // What I want to be allowed to show
  data = [
    {id: 1, value: 'whatever'},
    {id: 2, value: 'whatever2'},
    {id: 6, value: 'whatever3'},
    {id: 9, value: 'whatever4'},
    {id: 12, value: 'whatever5'},
  ] // Actual data

  idExists(id) {
    // Only return true if the supplied ID is in the allowedIds array
    return this.allowedIds.includes(id)
  }
}
  

 <div *ngFor="let d of data">
    <pre *ngIf="idExists(d.id)">{{ d | json }}</pre>
</div>
  

Stackblitz

Другой подход, при котором нам не нужно объявлять выделенную функцию в файле ts

Это работает, когда нам нужно проверить, имеет ли запись идентификатор или нет

 <div *ngFor="let d of data">
    <pre *ngIf="d.id">{{ d | json }}</pre>
</div>
  

Это работает, когда у нас есть список разрешенных идентификаторов и могут отображаться только записи с разрешенными идентификаторами

 <div *ngFor="let d of data">
    <pre *ngIf=" allowedIds.includes(d.id )">{{ d | json }}</pre>
</div>
  

StackBlitz