微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决在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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。