Angular 角度5显示匹配选择列表选项与页面加载时的模型
我正在编写一个只读表单,它显示在页面加载时检索到的一组数据。表单上的一个部分是IsActive dropdownlist,其值为True或False。在ngOnInit上,我从数据库中检索此IsActive布尔值,并将其与我的模型属性IsActive绑定。我想显示此模型值及其匹配的下拉列表值。例如,如果IsActive标志为true,我希望在加载页面时选择下拉列表中的true选项 HTML:Angular 角度5显示匹配选择列表选项与页面加载时的模型,angular,typescript,angular5,dropdown,Angular,Typescript,Angular5,Dropdown,我正在编写一个只读表单,它显示在页面加载时检索到的一组数据。表单上的一个部分是IsActive dropdownlist,其值为True或False。在ngOnInit上,我从数据库中检索此IsActive布尔值,并将其与我的模型属性IsActive绑定。我想显示此模型值及其匹配的下拉列表值。例如,如果IsActive标志为true,我希望在加载页面时选择下拉列表中的true选项 HTML: 处于活动状态 真的 假的 但是,上面的代码在页面加载时有一个空白的选择选项,只有在单击时才会显示真选项
处于活动状态
真的
假的
但是,上面的代码在页面加载时有一个空白的选择选项,只有在单击时才会显示真选项和假选项您可以尝试使用此选项
选项:any=[];
所选科目:任意;
恩戈尼尼特(){
this.selectedAccount.isActive=true;
this.option=[{“name”:“true”,value:true},{name:“false”,value:false}]
this.option.map(res=>{if(res.value==this.selectedAccount.isActive){
this.selected=res
}
});
}
{{option.name}
尝试对选项使用[ngValue]
。。。。Hi@VeluDhanesh的可能副本上述代码不起作用。如果你有其他的方法,你能建议另一种方法吗
<label class="col-md-2 col-form-label">Is Active</label>
<div class="col-md-10">
<select id="IsActive" name="IsActive" class="form-control" [(ngModel)]="selectedAccount.isActive" [disabled]="!isEditable">
<option [value]="1">True</option>
<option [value]="0">False</option>
</select>
</div>