默认值在“选择”中显示为空

时间:2018-08-15 09:05:17

标签: angular

我试图设置包含表单对象的选择标签的默认值,但是由于某种原因,它始终显示为空。

<label for="favcity">
  <select [(ngModel)]="selectedUser.priorityareas_id" id="favcity" name="select" #priorityareas_id='ngModel'>
    <option *ngFor="let Priorityarea of Priorityareas" [ngValue]="Priorityarea.priorityarea_id">
     {{Priorityarea.name}}
    </option>
  </select>
</label>

我也尝试使用[value],但是没用,它仍然是空的默认值。

1 个答案:

答案 0 :(得分:0)

您也可以使用此解决方案。

我已经在 Stackblitz 上创建了一个演示。希望这对您/其他人有所帮助/指南。

  

Component.html

var data="valueoutside";

wb.xlsx.readFile(filePath).then(function(){

data="new value";
}
);

console.log(data); 
//shows 'valueoutside' as output and not 'new value'
  

Component.ts

<h1>Angular 6 - The default value is displayed as empty in “select”  </h1>

<label for="favcity">
  <select [(ngModel)]="selectedUser.priorityarea_id"  name="select" #priorityareas_id='ngModel'>
    <option *ngFor="let Priorityarea of Priorityareas" [value]="Priorityarea.priorityarea_id">
     {{Priorityarea.name}}
    </option>
  </select>
</label>

<div>{{selectedUser | json}}</div>