1. 程式人生 > >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

看的一臉懵逼

直接解決方法:

<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一樣