primeNg :获取一个dropdown的change事件的所有p-dropdown的值
primeNg是一个基于Angular框架的开源UI组件库，提供了丰富的可重用组件，包括下拉菜单（dropdown）组件。下面是关于如何获取一个dropdown的change事件的所有p-dropdown的值的解答：
在primeNg中，p-dropdown组件提供了change事件，可以通过监听该事件来获取下拉菜单的值。要获取所有p-dropdown的值，可以使用以下步骤：
- 在Angular组件中引入p-dropdown组件和相关的依赖：
import { SelectItem } from 'primeng/api';
import { Dropdown } from 'primeng/dropdown';- 在组件类中定义一个变量来存储所有p-dropdown的值：
dropdownValues: { [key: string]: any } = {};- 在模板中使用p-dropdown组件，并绑定change事件和ngModel指令：
<p-dropdown [options]="dropdownOptions" (change)="onDropdownChange($event.value)" [(ngModel)]="dropdownValues['dropdown1']"></p-dropdown>
<p-dropdown [options]="dropdownOptions" (change)="onDropdownChange($event.value)" [(ngModel)]="dropdownValues['dropdown2']"></p-dropdown>
<!-- 添加更多的p-dropdown组件 -->- 在组件类中实现onDropdownChange方法，用于处理p-dropdown的change事件：
onDropdownChange(value: any) {
// 更新对应p-dropdown的值
this.dropdownValues['dropdown1'] = value;
// 处理其他p-dropdown的change事件
// ...
}通过以上步骤，你可以获取所有p-dropdown的值，并在onDropdownChange方法中对这些值进行处理。注意，dropdownValues变量使用了键值对的形式，其中键表示每个p-dropdown的标识符，值表示对应的选中值。
关于primeNg的更多信息和使用方法，你可以访问腾讯云的primeNg相关产品和产品介绍链接地址（这里给出一个示例链接，实际应根据实际情况进行选择）：primeNg产品介绍。
希望以上解答能够满足你的需求，如果还有其他问题，请随时提问。
相关·内容
我有一种情况是在我的html页面上有5个primeNg的p-dropdown，我想读取所有5个下拉列表中的任何一个p-dropdown事件的值，这样我就可以对所有选定的值应用过滤器来显示数据网格中的数据ng-template pTemplate="header">
<tr&
浏览 133提问于2021-03-17得票数 0
回答已采纳
我在我的angular应用程序版本6中使用primeng版本6.1.0。我面临着一个问题，我想要在关闭p-dropdown时触发事件，不是通过选择任何项目，而是通过在p-dropdown列表之外单击来触发事件。我已经使用了点击事件，所以，我想要另一个工作，以激发和事件关闭后的primeng下拉。我尝试了onHide event by primeng p-d
浏览 40提问于2019-08-13得票数 0
2回答
{{ PurchaseOrderStatus.code }} </select></div>我需要使用primeNg组件的相同概念。
浏览 0提问于2019-04-03得票数 2
1回答
我想在primeng下拉列表中获取之前选择的值。<p-dropdown [options]="options" [filter]="true" [(ngModel)]="selectedType" (onChange)="onSelectType($event)" formControlName="alertType"></p-dropdown>
在发生更
浏览 1提问于2017-09-11得票数 1
回答已采纳
我有一个primeng dropdown组件...<form [formGroup]="skillsForm"></form>
深入嵌套的</
浏览 10提问于2018-02-06得票数 2
按照指南：，我尝试安装与Angular4一起使用的PrimeNG，遵循上面详述的步骤，但是我得到了错误：我试图重建这些项目，就像其他帖子中所建议的那样以下是所有细节：npm install primeng --save<p-dropdown
浏览 10提问于2017-06-02得票数 10
回答已采纳
我试图在ng模板中获取primeng下拉列表的索引值，但它给了我一个空值。这是示例代码 <ng-template let-card let-i="index"pTemplate="item">
<span>{{i}}</
浏览 9提问于2020-08-05得票数 4
回答已采纳
我正在使用primeng 5.2.4，并尝试这样做： (change)="selectMonth()"></p-dropdown>
selectMonth方法在页面第一次加载时调用，而不是在后续从下拉列表中进行选择时调用。如果我把它改成一个click事件，它就会起作用(但是
浏览 0提问于2018-04-10得票数 18
回答已采纳
我在Angular4中有一个特定的要求。我需要在选中/选中复选框后显示下拉框，如果我取消选中该复选框，则下拉框将隐藏。下面是复选框的代码。"> </div> <div *ngIf="item.showOperationField">
<p-dropdownname = "calculationInf
浏览 3提问于2017-11-16得票数 1
我对Primeng非常陌生，你能帮我解决这个问题吗？如何使用Primeng角下拉列表更改URL中的参数：(ex.shop1中的URL到shop2) http://localhost:4200/#/shops/shop1/dashboard，反之亦然，如果我更改了URL，那么它也必须改变下拉的值。<p-dropdown [options]="clientShops" [(ngModel)
浏览 3提问于2022-05-25得票数 1
需要在Angular2 模型驱动的表单中的帮助。我发现的PrimeNG文档只使用模板驱动的表单。以下示例代码将有很大帮助：
下拉列表可以编程“初始化”，以便在表单第一次打开时显示选项列表中的一个
浏览 6提问于2016-07-01得票数 1
回答已采纳
2回答
在中是否有添加'optionValue‘选项的变通方法。
目前有一个optionLabel属性，但是没有办法选择一个属性来表示值，所以你最终得到了整个对象。基本上是在PrimeNG下拉列表中，尝试传递字符串而不是整个对象
浏览 19提问于2018-04-28得票数 1
我有primeng dropdown和两个服务调用，一个调用获取下拉选项，另一个调用获取模型绑定数据。一旦我保存了选定的值并重新加载页面，偶尔就不会显示选定的值。我相信这是因为服务调用的异步性质。我猜模型值服务调用是在加载所有下拉选项之前完成的。this.ddValueSrv.getDrpModelVal().subscribe(data =&g
浏览 14提问于2020-09-14得票数 0
14回答
我正在使用PrimeNG在我的angular5应用程序。我对p-下拉列表有异议我有向各国展示的下降率。我正确地绑定了select选项--它工作得很好(这个数据来自api)，但是我需要为这个p下拉列表设置默认的selected选项为"India“。<div class="form-group col-md-2">
<div>
浏览 3提问于2018-04-03得票数 26
1回答
请告诉我，在哪里可以找到PrimeNG中的事件处理示例。嗯，我不知道写什么代替XXX。...onChangeCity(XXX){}
浏览 8提问于2017-07-11得票数 2
回答已采纳
1回答
角下拉不显示文本
、、
我试图在一个KeyValue角组件中显示一个p-dropdown项数组。它正在获取正确的数据量(5)，但它没有在下拉列表中显示任何文本？}<div class="container"> <p-dropdowndo
浏览 0提问于2018-12-26得票数 1
回答已采纳
我想我在值绑定方面遇到了问题。我目前在我的页面上有2个下拉列表。页面的其余部分使用PrimeNg作为UI，并希望使这些下拉列表看起来与页面的其余部分相同。我应该怎么做才能做到这一点。一个下拉列表是主管列表。<option *ngFor="let cod of codes" [value]="cod">{{cod}}</option></div> 我从.ts文件中调用了两个<em
浏览 36提问于2019-09-13得票数 0
1回答
我不知道怎么做，谁知道it.If，请帮忙找一个解决办法。my-tab>data-table.component.html：演
浏览 1提问于2020-02-04得票数 1
回答已采纳
我已经升级了我的角PrimeNG应用程序从v9到11。下拉延迟加载已经停止工作，事件PrimeNG现在不被调用。下面是示例代码
<p-dropdown id="field_branch" name="branch" [options]="branchOptions" formControlName="branchIdlazyLoadOnInit]="true" [filter]="true"
浏览 9提问于2021-03-10得票数 1
2回答
primeng多重选择是primeng下拉列表的来源：<p-multiSelect [options]="elements" [(ngModel)]="selectedElements"optionLabel="name" display="chip"
<p-dropdow
浏览 1提问于2020-12-28得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
