Angular 基于可观察服务返回的数据创建动态下拉列表

有没有办法实现动态下拉列表

下拉列表将基于从可观察服务返回的数据创建。当用户从下拉列表中选择选项值时，该值将传递给服务，服务将发送另一组数据，用于创建一组新的下拉选项

返回的数据将类似于

CAR_BRAND/AUDI/MODEL/R8/YEAR_OF_BUILD/2YR,
CAR_BRAND/BMW/MODEL/M3/YEAR_OF_BUILD/3YR

---

CAR\u BRAND

将是关键，

AUDI

将是下拉列表的选项值

我会尝试以下方法：

将（ngModelChange）=“onChange（$event）”添加到我的选择中

<div>
  <label for="options">List</label>
  <select (ngModelChange)="onChange($event)" [(ngModel)]=model.options.id >
    <option *ngFor="let option of options" [ngValue]="option.id">{{option.name}}</option>
  </select>
</div>

options = [
    { id: 123, name: "John" },
    { id: 456, name: "Rob" },
    { id: 789, name: "Kim" },
    { id: 987, name: "Jason" },
  ];

onChange($event) {
    // your logic 
    // update the options object with the data that you get from the service
  }