如何在 angular 7 中设置下拉值

Question

我正在尝试通过编程方式使用 formcontrolname 来设置下拉值，但没有 working.I 已提供我的代码 below.How 来设置下拉值？任何人都可以知道吗？请帮助找到解决方案。

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

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

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

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

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

希望对您有所帮助。

Answer 2

如果您按如下方式更改 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];

如何在 angular 7 中设置下拉值

How to set dropdown value in angular 7

angular6

angular7

angular8