Angular4_select设置默认选项

前端之家收集整理的这篇文章主要介绍了Angular4_select设置默认选项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

客户需求如上。 默认选中Pallet选项


百度,Google,给我的答案最好的是:

<option value="">请选择</option>使用的是value(这是HTML原生的属性

<option *ngFor="let item of students" [value]='item'>{{item}}</option>


也就是value=''的时候会默认选中

后台处理方法

list.Insert(0,new { key = "Select Type",value = "" });


但是,并不能解决我的需求。


群里有人给我ng-switch-default

看的一脸懵逼


直接解决方法

< select class= "form-control customSelect" [( ngModel)]= "packagingType" name= "packagingType" ( change)= "packagTypeChange(packagingtype.value)" # packagingtype>
< option * ngFor= "let type of packagingTypes" value= "{{type.value}}" >
{{type.key}}
</ option >
</ select >

// 后台获取完之后直接赋值
this. service. getStagePackingTypes(). subscribe(result => {
this. packagingTypes = result;
this. packagingType = 'PLT'
});

解决了。


最后再吐槽一下,原生的Select和input ='file' 和 shit一样

原文链接:https://www.f2er.com/angularjs/145410.html

猜你在找的Angularjs相关文章