Angular4_select设置默认选中

来源:互联网 发布:中指数据怎么使用 编辑:程序博客网 时间:2024/06/05 06:18

客户需求如上。 默认选中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

看的一脸懵逼


直接解决方法:

<selectclass="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一样

原创粉丝点击