根据从另一个primeNg多选下拉列表中选择/取消选择的值,从primeNg多选下拉列表中添加/删除项目/值,可以通过以下步骤实现:
下面是一个示例代码:
<!-- 源列表 -->
<p-dropdownMultiple [options]="sourceOptions" (onChange)="handleSelection($event)"></p-dropdownMultiple>
<!-- 目标列表 -->
<p-dropdownMultiple [options]="targetOptions"></p-dropdownMultiple>
// 在你的组件类中
sourceOptions: any[]; // 源列表的选项
targetOptions: any[] = []; // 目标列表的选项
handleSelection(event: any) {
const selectedValue = event.value; // 获取选择/取消选择的值
if (event.checked) {
// 添加操作
this.targetOptions.push(selectedValue);
} else {
// 删除操作
const index = this.targetOptions.indexOf(selectedValue);
if (index !== -1) {
this.targetOptions.splice(index, 1);
}
}
}
这样,当你在源列表中选择/取消选择某个值时,就会触发handleSelection方法,根据选择/取消选择的值进行添加/删除操作,并更新目标列表的显示。
对于primeNg多选下拉列表的具体使用和更多配置选项,你可以参考腾讯云的primeNg多选下拉列表组件文档:primeNg多选下拉列表组件。
领取专属 10元无门槛券
手把手带您无忧上云