问题标签 [ngx-chips]

我在设置初始值时遇到问题tag-input。当admin点击编辑按钮时，tag-input必须从database. 我怎样才能做到这一点 ？这是我的代码示例：

这是一些ts：

当用户单击编辑按钮时调用上述函数，它会抛出一些数据并将其设置在表单组中。但我需要在tag-input. 我真正想要的是当用户点击标签输入上的一些初始值的编辑按钮时。我究竟做错了什么 ？。

是否有任何类型的类似版本的芯片自动完成角度 8 和引导程序，就像这里的角度材料中的最后一个示例一样：https ://material.angular.io/components/chips/overview ？

我希望有可能通过现有用户或电子邮件邀请用户，就像在 gitlab 中一样（见下文）：

我找到了 ngTagsInput 框架

https://mbenford.github.io/ngTagsInput/

一个功能非常丰富的库。但是对于 Angular 8 用户，我发现了 ngx-chips 框架

https://www.npmjs.com/package/ngx-chips

它似乎可以工作，但似乎缺少一些明显的功能，或者这些功能是可以实现的，但它们似乎难以实现。例如：提供不同颜色的芯片。

问题：

1) ngx-chips 是 Angular 2+ 的 ngTagsInput 最强大的替代品吗？有更好的吗？

2) 我知道不建议在 Angular 2+ 中使用 angularjs 库？那么使用 ngTagsInput 库可以使用吗？

在 Angular 中，我想在自动完成中显示项目（流派名称）。在.html我写了以下内容：

在.ts文件中，我编写了以下代码：

上面的代码安慰结果如下：

当我在浏览器的“输入标签”中输入内容时，它会显示以下错误：

core.js:6014 错误类型错误：无法在 TagInputDropdown.getMatchingItems (ngx-chips.js:1216 at Array.filter () 处读取 TagInputDropdown.matchingFn (ngx-chips.js:207) 处未定义的属性“toString” chip.js:1208) 在 SafeSubscriber.TagInputDropdown.show [as _next] (ngx-chips.js:1011) 在 SafeSubscriber.__tryOrUnsub (Subscriber.js:183) 在 SafeSubscriber.next (Subscriber.js:122) 在订阅者。 _next (Subscriber.js:72) 在 Subscriber.next (Subscriber.js:49) 在 FilterSubscriber._next (filter.js:33)

我ngx-chips在我的 Angular 8 项目之一中使用。当我在“编辑”表单 (ngForm) 中时，我看到tag-input选择了 Genre 的名称。但是，我无法提交表单，因为它显示“必填字段”。请参阅下面我的代码是.html文件：

在.ts文件中：

当我控制台时this.genreIds，它向我显示以下内容：

{value: 36, display: "Animation"};

我正在尝试使用 Angular 创建一个引导模式，该模式具有来自 ngx-chips 模块的标签输入。标签输入具有自动完成功能，该功能将数据数组显示为下拉列表。

我面临的是 e 下拉菜单位于模态之后，而不是位于模态之上。所以显示的值是不可点击的。当我尝试使用检查元素向它添加 css 时，我无法添加它们，因为如果我单击浏览器屏幕上的其他任何位置，下拉菜单就会消失。

我需要能够在引导模式顶部显示下拉菜单。请让我知道是否有人可以帮助我使用css。

这是我的模态代码，并使用 angular boostrap 下拉，

这是呈现的模式和下拉菜单

我很难理解如何将新条目添加到目录中指定的对象数组中。

我正在使用ngx-chips

这是我制作的示例代码

这是 ngx-chip 指令

基本上每次我添加一个新芯片时，它都不会被添加到我items 的控制台日志中。当我检查控制台日志时，items它包含相同的条目。没有添加新条目

如何将每个新条目添加tag-input到定义模型items

详细信息：Angular v9 Bootstrap 4 @ng-bootstrap/ng-bootstrap v5.2.1

我试过ngx-chips，但它取决于角度材料。我的项目正在使用引导程序。现在我正在使用带有标签的 ng-select 。任何人都可以提出其他选择吗？

所以我有标签组件，并在我的图表详细信息组件中导入了该组件。在我的图表详细信息组件中，我有一个复选框，它将禁用位于图表详细信息页面内的所有输入框、下拉框和按钮，但是由于某种原因，当我单击该复选框时，我的导入标签组件没有被禁用。任何有关如何解决此问题的建议或帮助，以便用户在单击复选框时无法添加或删除标签，我们将不胜感激。

图表详细信息组件。HTML

我添加了 [disabled]="this.chart.isPublished" 但我收到一条错误消息“无法绑定到 'disabled'，因为它不是 'mc-tags' 的已知属性。”。我也尝试过（禁用）但仍然无法正常工作，即使选中了复选框，用户仍然可以添加或删除标签。

标签 Component.HTML

现在我必须在标签 component.html 中的 mat-chip-list 上执行 [disabled]="true" 以便用户无法添加或删除它。我不想对此进行硬编码，而是想使用图表详细信息组件复选框来控制它。

它不会运行，但我已将这两个组件的整个代码附在此处https://stackblitz.com/edit/angular-ivy-wwfcai。谢谢

请任何人告诉我如何在 ngx-chips 的 Tab 和 Spacebar 事件上动态添加标签。