假设我们有一个组件，其中包含一个数组。我们可以使用find方法来根据ID获取该数组中的特定对象，并使用管道运算符来提取所需的值。

示例代码：

HTML模板：

产品ID：{{productId}}
产品名称：{{product?.name}}

组件文件：

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

@Component({
  selector: 'app-product-details',
  templateUrl: './product-details.component.html',
  styleUrls: ['./product-details.component.css']
})
export class ProductDetailsComponent implements OnInit {

  products = [
    {id: 1, name: '产品1'},
    {id: 2, name: '产品2'},
    {id: 3, name: '产品3'}
  ];

  productId: number;
  product: any;

  constructor() { }

  ngOnInit() {
    this.productId = 2; // 设置要获取的产品ID
    this.product = this.products.find(p => p.id == this.productId);
  }

}

在此示例中，我们设置要获取的产品ID为2，并将其赋给productId变量。然后，我们使用find方法查找该数组中具有相应ID的产品，并将其保存在product变量中。最后，我们使用管道运算符（？）从product对象中提取所需的属性。