Angular6 如何在angular 7中设置下拉值

Angular6 如何在angular 7中设置下拉值,angular6,angular7,angular8,Angular6,Angular7,Angular8,我试图通过编程方式使用formcontrolname设置下拉值,但不起作用。我在下面给出了我的代码。如何设置下拉值?任何人都有想法吗?请帮助找到解决方案 app.component.html: <p-dropdown [values]="dropdownData" fornControlName="datavalue"><p-dropdown> 请在app.component.ts中设置如下值: dropdownData=[ {name:'UK',value:'UK'}

我试图通过编程方式使用formcontrolname设置下拉值,但不起作用。我在下面给出了我的代码。如何设置下拉值?任何人都有想法吗?请帮助找到解决方案

app.component.html:

<p-dropdown [values]="dropdownData" fornControlName="datavalue"><p-dropdown>

请在app.component.ts中设置如下值:

dropdownData=[
{name:'UK',value:'UK'},
{name:'USA',value:'USA'},
{name:'CHINAA',value:'CHINAA'}
];

this.myform=this.fb.group({

datavalue:[null]

});

ngOnInit(){

this.myform.controls['datavalue'].setValue("USA");

}
this.myform.controls['datavalue'].setValue("USA", { onlySelf: true });
另外,请更改app.component.html中的代码,如下所示:-

<p-dropdown [options]="dropdownData" fornControlName="datavalue"><p-dropdown>


希望这对您有所帮助。

如果您按以下方式更改
设置值,这可能会起作用

this.myform.controls['datavalue'].setValue(dropdownData[0]);
但是,您应该使用
ngModel
从模板中反转逻辑并寻址模型

app.component.html:


如何以编程方式设置类似复选框的选中条件?请共享您尝试动态选中复选框的代码。
<p-dropdown [values]="dropdownData" [(ngModel)]="selectedData"><p-dropdown>
dropdownData = [
    {name:'UK',value:'UK'},
    {name:'USA',value:'USA'},
    {name:'CHINAA',value:'CHINAA'}
];
selectedData = dropdownData[0];