р-ниспадающий не показывает значение из формы - PullRequest
Новая
       26

р-ниспадающий не показывает значение из формы

0 голосов
/ 13 ноября 2018

У меня проблема с использованием компонента p-dropdown, связывающего форму. У меня есть группа форм с элементами управления формы, в которые предварительно загружены наши собственные значения, и значение одного из этих элементов управления должно быть показано в компоненте p-dropdown. Но это не видно при загрузке страницы.

Я использую раскрывающийся список выглядит так: 

<p-dropdown [options]="vehicleTypes" placeholder="Vehicle Type" optionLabel="label" formControlName="vehicleType">

И у моего компонента есть группа форм, которая имеет элемент управления формы с именем vehicleType и значением. 

{label: "TYPE 1", value: "1"}

Ответы [ 2 ]

0 голосов
/ 16 ноября 2018

Значения должны быть установлены на vehicleTypes, например: 

vehicleTypes = [
    {label: "TYPE 1", value: "1"}
]

и vehicleType - это FormControl, как сказал Бравин.

Как правило, мы можем использовать первый элемент какзаполнитель.

0 голосов
/ 14 ноября 2018

Почему у вас есть ярлык в formcontrol?Просто сохраните значение в formControl следующим образом:

app.component.ts 

appForm: FormGroup;

vehicles = [
 {value: 1, label: 'v1'},
 {value: 2, label: 'v2'},
 {value: 3, label: 'v3'},
 {value: 4, label: 'v4'},
 {value: 5, label: 'v5'},
 {value: 6, label: 'v6'},
]

constructor(
 private fb: FormBuilder
) {}

ngOnInit() {
this.appForm = this.fb.group({
  vehicleType: new FormControl(2)
});

app.component.html 

<form [formGroup]="appForm">
 <p-dropdown [optionLabel]="label" placeholder="Vehicle Type" 
  [options]="vehicles" formControlName="vehicleType"></p-dropdown>
</form>
...