Angular4

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6


Angular4_select设置默认选中_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一样

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6