表单中的 Primeng 下拉菜单

【问题标题】：Primeng dropdown in form表单中的 Primeng 下拉菜单
【发布时间】：2020-11-30 16:27:51
【问题描述】：

大家好，我正在使用 primeng 9 下拉菜单，我正在尝试获取表单中下拉菜单的值。这是代码<form #f="ngForm"> <div class="p-col-8"> <p-dropdown id="group" [options]='groupList' optionLabel="name" formControlName="group" ngModel></p-dropdown> </div> </form> <button (click)="addPhoneNo(f)" label="Save"></button>。 addPhoneNo(data)

函数通过此代码console.log(data.value) 打印表单的值，但问题是没有值，甚至控件（下拉菜单）也不存在。请帮忙

【问题讨论】：

标签： javascript html angular frontend primeng

【解决方案1】：

您对下拉列表的输入一定有问题，即[options]='groupList'，我建议您检查将哪些值传递给变量grouplist，然后采取相应措施。

如果您引用此 URL，它可能会对您有所帮助。留意入门部分 https://www.primefaces.org/primeng/showcase/#/dropdown

【讨论】：

this.groupList = [ {label:'Select City', value:null}, {label:'New York', value:{id:1, name: 'New York', code: 'NY'}}, {label:'Rome', value:{id:2, name: 'Rome', code: 'RM'}}, {label:'London', value:{id:3, name: 'London', code: 'LDN'}}, {label:'Istanbul', value:{id:4, name: 'Istanbul', code: 'IST'}}, {label:'Paris', value:{id:5, name: 'Paris', code: 'PRS'}} ];
这是输入