ngx-chips - 如何禁用标签选择？

Question

我正在使用 Angular 5 的 ngx-chips，但无法弄清楚如何停止/禁用选择添加的标签。

我在文档中看到有 (onSelect) 方法并尝试返回 false，但它不起作用。我也尝试通过 (click) 来阻止事件，但这种方法不适用于 ngx-chips。

有谁知道添加标签后如何停止标签选择？

Answer 1

您可以使用标签上的readonly 属性来实现您想要的。使用来自 ngx-chips 的 onItemAdded 事件，并在添加项目时，将新标签的 readonly 属性设置为 true。

请参阅有关此here 的文档。

Here 是 StackBlitz 示例。