如何在Angular 6中使用id获取特定数据

<ul>
  <li *ngFor="let item of items">{{ item.name }}</li>
</ul>

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  items: any[];

  constructor(private http: HttpClient) {
    this.http.get<any[]>('https://api.example.com/items').subscribe(data => {
      this.items = data;
    });
  }
}

getItemById(id: number) {
  return this.items.find(item => item.id === id);
}

<div>{{ getItemById(1)?.name }}</div>