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

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
  }