PrimeNG 多选选择和取消选择值答案

【问题标题】：PrimeNG multiselect select and deselect valuePrimeNG 多选选择和取消选择值
【发布时间】：2018-12-28 10:52:07
【问题描述】：

我们如何在 primeNG 多选中知道值/对象是被选中还是被取消选中。

    onChange    event.originalEvent: browser event
    event.value: Current selected values
    event.itemValue: Toggled item value

event.value 总是返回最新的选定值数组 event.itemValue 返回选中/未选中的值

我在文档中找到了这三个事件，在调试中我没有找到任何选择和取消选择属性。

任何帮助将不胜感激。

谢谢 PG

【问题讨论】：

您需要使用 [(ngModel)] 属性在变量中绑定值
用 [(ngModel)] 你会得到所有选择的值不是当前的，当前的只有多选的 (onChange) 事件，但是，它不显示动作（选择或取消选择）这就是我想要的..希望很清楚！

【解决方案1】：

虽然我在问了很长时间后才回答它，但它可能会帮助其他人。

event.value：当前选中值数组

event.itemValue：切换的项目值

要确定复选框是选中还是取消选中，只需检查 event.itemValue 是否存在于 event.value 数组中。

如果在数组中找到则选择，否则视为取消选择。

@谢谢

【讨论】：

【解决方案2】：

var checked = false;
if (event.value.map((a) => a.id == event.itemValue.id).length == 1) {
    checked = true;
}

【讨论】：