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

Question

有什么方法可以实现下拉列表的动态列表？

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

数据返回将类似于

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

CAR_BRAND将是键，AUDI将是下拉菜单的选项值

Answer 1

我会尝试这样的事情：

添加（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>

。ts：

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
  }