禁用行选择，只允许在 PrimeNG 的 Mutliselect 中选择复选框

Question

我正在处理我使用 PrimeNG 多选的要求。这个多选有一个复选框，后面跟着文本。我想禁用行选择，只允许选择这些行的复选框。下面是示例： Scenerio 用截图解释：

如果我点击文本“1 文本”、“2 文本”等，这些值被选中，但我想禁用此选择，只允许复选框选择。

这里是 stackblitz 示例供参考：Stackblitz Demo click here。

我在组件 html 中使用的以下代码： <p-multiSelect [options]="items" defaultLabel="Select items" [showHeader]="false" </p-multiSelect>
下拉列表中使用的数组项的代码：

items: SelectItem[] = [
  { value: 1, label: '1 text' },
  { value: 2, label: '2 text ' },
  { value: 3, label: '3 text' },
 ];
}

Answer 1

查看Stackblitz link

---

解决方案 1： 由于此选择是 primeNg multiSelect 的默认行为，因此对于 p-multiSelect 的 onChange 事件发射器，我正在删除添加的值或在取消选择值上添加删除的值。

解决方案 2： 使用event.stopPropagation()，但这仅在我单击标签但单击行仍选择/取消选择值时才有效。