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

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.jb51.cc/angularjs/145410.html

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

相关推荐