如何在Angular 6中映射和绑定Dropdown项目？

Question

我有一个下拉菜单，其中有 testOptions 之类的选项。

对于这些选项，我从服务获取数据到地图，例如，在属性 optionTest 中，“ Y”表示“是”，“ N”表示“否”，“ U”表示未确认。

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


    @Component({
    selector: 'app-test-information',
    templateUrl: './app-test-information.component.html',
    styleUrls: ['./app-test-information.component.scss']
    })
    export class TestInfoComponent implements OnInit {

    Id :Items;
    public testOptions: Items[] = [
    {
    id: 1,
    name: 'NA',
    },

    {
    id: 2,
    name: 'Yes',
    },

    {
    id: 3,
    name: 'No',
    },

    {
    id: 4,
    name: 'Unconfirmed'
    }
    ];

    ngOnInit() {

    this.infoService.getData()
    .subscribe((result :InfoResults ) => this.data = result
    , undefined,
    () => {
    if (this.data) {
    this.readOnlyData()

    }

    })


    readOnlyData() {
 //here i am trying to find item in testOptions and bind the data from service
    this.Id=this.testOptions.find((item) => item.name === "Yes" ) ;

    }
    }


  <!-- Model class for items : -->

    export class Items {
    public id ?: number;
    public name : string;
    } 

  export class InfoResults {
  public optionTest : string;
  }

如果服务中的选项来自“ Y”（是），“ N”（否）和“ U”（未经证实）之类的数据，我们如何映射或获取this.id？

请帮助。

谢谢！