Angular6 как сохранить выпадающее меню с выбранными значениями

Пожалуйста, проверьте это, я сделал это с допущения. Я думаю, вы можете достичь своей потребности, используя этот код.

html

<div>    
    <div id="AddItem">
         <h2>Add State/City</h2>
          <select [(ngModel)]="dataDetails" (change)="addData("")">
            <option value="">-- choose an item --</option>
            <option value="a">a</option>
            <option value="b">b</option>
            <option value="c">c</option>
            <option value="d">d</option>
          </select>
    </div>    
<div *ngFor="let item of items;">
    <select [(ngModel)]="selectedData" (change)="addData(item.name)">
        <option value="item.name">{{item.name}}</option>
    </select> 
</div>
<div>
      {{a}}
      a: <input [(ngModel)]="a" ng-change="changeData()" />
      b: <input [(ngModel)]="b" />
    </div>

</div>

js

 items:any = [];

addData(data=""){
  if(this.dataDetails || data){
    if(!data)
      data = this.dataDetails;
      this.items.push({
        name: data
      });
   }
}