PrimeNG - PrimeFaces

Question

我在PrimeNG中使用角形式，我试图用初始值初始化一个下拉列表，但是对我不起作用。此外，我也尝试使用setValue方法，但不起作用。

这是html代码

<form [formGroup]="filtersForm">
    <div class="ui-g-3">
       <div class="form-control">
         <p-dropdown formControlName="dimensionRule" class="dropdown" [options]="monedasMock" optionLabel="label"></p-dropdown>
       </div>
    </div>
</form>

这是用JavaScript编写的TypeScript代码

public ngOnInit() : void {

    this.monedasMock = [
        { 'label': 'Euro', 'value': '1' },
        { 'label': 'Peseta', 'value': '2' },
        { 'label': 'Florin', 'value': '3' },
        { 'label': 'Marco', 'value': '4' }
    ];

    this.filtersForm = this.fBuilder.group({
        "descriptionRule": new FormControl(),
        "dimensionRule": new FormControl('Florin'), // This is the value that I want to initialize
        "processRule": new FormControl()
    });
}

Answer 1

如果使用的是SelectItem {value:any，标签:string}。

若要在下拉元素中预选选项，必须传递"value“属性。

在这种情况下：

...
"dimensionRule": new FormControl('3'),
...

而"optionLabel“并不是SelectItem集合所必需的。