Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度5显示匹配选择列表选项与页面加载时的模型_Angular_Typescript_Angular5_Dropdown - Fatal编程技术网

Angular 角度5显示匹配选择列表选项与页面加载时的模型

Angular 角度5显示匹配选择列表选项与页面加载时的模型,angular,typescript,angular5,dropdown,Angular,Typescript,Angular5,Dropdown,我正在编写一个只读表单,它显示在页面加载时检索到的一组数据。表单上的一个部分是IsActive dropdownlist,其值为True或False。在ngOnInit上,我从数据库中检索此IsActive布尔值,并将其与我的模型属性IsActive绑定。我想显示此模型值及其匹配的下拉列表值。例如,如果IsActive标志为true,我希望在加载页面时选择下拉列表中的true选项 HTML: 处于活动状态 真的 假的 但是,上面的代码在页面加载时有一个空白的选择选项,只有在单击时才会显示真选项

我正在编写一个只读表单,它显示在页面加载时检索到的一组数据。表单上的一个部分是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>