我试图设置包含表单对象的选择标签的默认值,但是由于某种原因,它始终显示为空。
<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],但是没用,它仍然是空的默认值。
答案 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>