PrimeNG - PrimeFaces

Question

Я использую Angular формы с 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".

В этом случае:

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

и "optionLabel" не требуется для коллекции SelectItem.