在angular2中，只要列表更改，它都会选择第一个元素，那么如何避免它呢？

问题描述

我正在使用角度9，每当更改了要选择的列表时，默认情况下就会选择第一个元素。我为此使用materializecss。我尝试了jquery和compareWith但没有用。

<select id="valueSelect"
    data-[(ngModel)]="selectedValue"
    [compareWith]="compareList"
    data-(change)="fetchMetaData();">
        <option value="" disabled selected>Choose value</option>
        <option data-*ngFor="let element1 of filterList"
            data-[ngValue]="bu.businessunitCode">{{element1.value}}</option>
  </select>
  <label>Select value</label>

解决方法

我可以显示fetchMetaData（）函数吗？

将[ngValue]替换为[value]可能会很好！

    <select id="valueSelect" 
             [(ngModel)]="selectedValue"
             [compareWith]="compareList"
             (change)="fetchMetaData();">
         <option selected disabled>Choose value</option>
         <option *ngFor="let data of fadeIn" [value]="data">{{data}}</option>
    </select>