select2 angular2+ 将第一个值设置为默认值答案

【问题标题】：select2 angular2+ setting 1st value as defaultselect2 angular2+ 将第一个值设置为默认值
【发布时间】：2019-01-29 16:33:00
【问题描述】：

<select class="example-full-width js-example-basic-single" #country name="country" [(ngModel)]="companycountryValue" required>
  <option *ngFor="let country of countrydata" [value]="country.name">{{ country.value }}</option>
</select>

如何将第一个选项设为默认选项？ [(ngModel)]="companycountryValue" 已经选择了数据太多尝试了很多方法都没有工作。

【问题讨论】：

标签： angular jquery-select2 angular2-directives

【解决方案1】：

在组件中就做

this.companycountryValue="some default country.name value"

请注意，默认值必须可分配给隐藏在 country.name 下的任何内容，因此带有此 [value] 的选项将被选中

奖励：你不想这样做吗？

 <option *ngFor="let country of countrydata" [value]="country.value">{{ country.name}}</option>

【讨论】：

列表中也存在相同的选项。
stackblitz 然后。我认为您设置的值与她的 [value]="country.name" 不同。那些必须匹配。此外，我认为您想打印 {contry.name} 并将 {contry.value} 设置为值，而不是相反（就像您所做的那样）
工作！！非常感谢
@Bharighat 考虑投票并接受我的回答，如果它解决了问题。
确实有帮助谢谢。但是当我投票时，我会收到一条警报“感谢您的反馈！声望少于 15 人的投票会被记录下来，但不要更改公开显示的帖子得分。”

【解决方案2】：

有两种方法可以解决您的问题

Step1: // 获取选项的索引并在 html 中设置像这样的属性：

    <select class="example-full-width js-example-basic-single" #country name="country" [(ngModel)]="companycountryValue" required>
  <option *ngFor="let country of countrydata; let i = index" [value]="country.name" [selected]="i == 0 ? true : null" >{{ country.value }}</option>
</select>

Step2：设置从组件到选择

ngOnit(){
          this.companycountryValue=countrydata[0];
}

在html中你可以设置像

<select class="example-full-width js-example-basic-single" #country name="country" [(ngModel)]="companycountryValue" required>
  <option *ngFor="let country of countrydata" [value]="country.name">{{ country.value }}</option>
</select>

【讨论】：