Angular 2如何将Dropdownlist中选定的id与模型绑定?

2024-03-16

我想在选择 Dropdownlist 的某些值时调用该函数,并且该函数将使用所选值的 id。我如何将所选值的 id 绑定到模型?我可以将数据加载到下拉列表中。

<select>
  <option *ngFor="let category of categorylist" >
             {{ category.Description }}</option>
                     </select>

Angular2 中的 2 路绑定可以自定义,我们可以调用我们自己的函数。只需将 id 绑定到ngValue并让该值继续DropdownChange事件。

HTML:

<select [ngModel]="selectedValue" (ngModelChange)="onDropdownChange($event)" class="form-control">
        <option *ngFor="let category of categorylist" [ngValue]="category.id">{{category.Description}}</option>
     </select>  

成分:

onDropdownChange(e){
  console.log(e)//you will get the id  
  this.selectedValue =e //if you want to bind it to your model
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2如何将Dropdownlist中选定的id与模型绑定? 的相关文章

随机推荐