PrimeNG p-chips 仅删除答案

【问题标题】：PrimeNG p-chips delete onlyPrimeNG p-chips 仅删除
【发布时间】：2017-08-28 16:04:06
【问题描述】：

我正在使用带有 Angular 2 的 primeNG 的 p 芯片。 https://www.primefaces.org/primeng/#/chips

在选择多选择列表的值时，我的p-chips填写。我想通过写入 p 芯片来禁用添加数据。

但我想保留删除值的可能性。

有可能吗？否则你知道任何其他可以做到这一点的工具吗？

【问题讨论】：

标签： angular primeng

【解决方案1】：

您可以使用 CSS 实现它：

/* +++++++ Prime NG CHIPS +++++++ */
.ui-chips > ul.ui-inputtext,
.ui-chips > ul.ui-inputtext:focus {
  border: none;
  box-shadow: none;
  background: none;
}
.ui-chips .ui-chips-input-token {
  display: none;
}

或 SCSS：

/* +++++++ Prime NG CHIPS +++++++ */
.ui-chips {
  > ul.ui-inputtext,
  > ul.ui-inputtext:focus {
    border: none;
    box-shadow: none;
    background: none;
  }
  .ui-chips-input-token {
    display: none;
  }
}

请注意，这些 CSS 规则应该添加到一些全局（未封装的）CSS/SCSS 文件中

stackblitz：https://stackblitz.com/edit/angular-mugxwj?file=styles.css

【讨论】：

【解决方案2】：

没有内置的方法来做到这一点。您可能可以向组件添加一个仅删除属性，以使其按您想要的方式运行。

【讨论】：