如何在角度7中设置下拉值

Question

我正在尝试通过使用 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");

}

Answer 1

如果您按以下方式更改setValue，这可能会起作用。

this.myform.controls['datavalue'].setValue(dropdownData[0]);

但是，您应该使用 ngModel 从模板中反转逻辑并寻址模型。

app.component.html：

<p-dropdown [values]="dropdownData" [(ngModel)]="selectedData"><p-dropdown>

app.component.ts：

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

Answer 2

请在您的 app.component.ts 中设置如下值：

this.myform.controls['datavalue'].setValue("USA", { onlySelf: true });

另外，请更改 app.component.html 中的代码，如下所示：-

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

希望对你有所帮助。