问题标签 [ngx-chips]

所以我ngx-chips在我当前的项目中使用，并将我的对象保存在一个数组中，所以我可以使用以下示例：

出于某种原因，我得到的是一个无效的空字段，而不是下面示例中显示的内容：

这是我的代码：

whereselectedExercises是一个空数组，我想在其中存储我选择的标签，并且exercises是一个我想从中选择的对象数组

我在这里想念什么？

我正在使用ngx-chipswith autocompleteItemsfor tags 输入，但添加第一个标签后，下拉列表不再出现，并且console.

HTML

添加第一个时tag，出现下拉菜单

但是当尝试添加第二个时，下拉菜单不会出现

堆栈闪电战

我有一个场景，我想从字段中获取输入并将输入内容绑定到另一个跨度中的标签。我正在使用 Angular 7 项目中的 ngx 芯片来尝试这个表单。我想要一个 div/span，这些输入值高于 Reactive 表单

这是我导入的表格的图片

我怎样才能做到这一点？（基本上我不想在同一个输入字段内输入标签，而不是在另一个跨度上）

我试图允许用户粘贴一个由 , 分隔的列表；或 | 使用 ngx 芯片。

有一个选项可以使用 pasteSplitPattern - [?string | 正则表达式]

https://github.com/Gbuomprisco/ngx-chips

但是，当我尝试以下操作时，出现错误

我应该做些什么不同的事情？

我正在使用 ngx-chips 将电子邮件列表作为标签添加到输入中。验证器确保每个标签看起来像一封电子邮件。

我怎样才能确保：

1) 验证器仅在添加标签时触发（即用户按回车键、空格或逗号）

2）如果在输入/空格/逗号时电子邮件无效，则该值仍然存在（即，它不清除......以便用户可以修复它）

堆栈闪电战在这里：https ://stackblitz.com/edit/ngx-chips-example-2qdudc

以下是我的电子邮件验证器：

下面是标签：

对于 2），我尝试在验证器中将“return null”更改为 control.value ......但这没有用

使用 ngx-chips 时，我有一个禁用输入的按钮。启用输入后，标签输入下拉菜单会显示为好像用户单击了输入字段一样。

这是stackblitz上这个问题的工作演示

我尝试在链接到禁用变量的标签输入下拉列表上使用 ngIf，尽管这解决了我的特定问题，但它破坏了搜索功能。

我已经向 ngx-chips github 页面添加了一个错误报告，但由于可能需要一段时间才能查看，是否有人对此有任何修复建议？

我在 Angular 中使用NGX 芯片。我将输入的芯片保存到 Firebase 并检索它们。

问题是，当它尝试渲染保存的芯片时，它不能并抛出错误。

在发布此问题之前，我尝试在 GitHub 上阅读并关注此问题，并添加了displayByandidentifyBy标记，但无济于事。

错误

HTML 代码

在我的控制器中，我设置了一个可观察项，监听值变化并将其分配给提到的可观察项。

product.categories{{product.categories | json}}当我添加到我的 html时，打印出来如下所示。

我应该更改在 Firebase 中保存类别的方式，以便它返回不同的值，还是应该在控制器中以某种方式转换返回的值？

我正在关注这个非常基本的示例https://stackblitz.com/edit/ngx-chips-example

组件.ts

组件.html

但是，我的结果是这样的

值与显示一起显示。如何去除价值？

我已经在电子邮件地址字段中实现了 ngx-chips。它运作良好。但是，当我在 component.ts 中输出值时，我只得到第一个芯片的值。如何获得所有筹码的价值？

如果我在 html 中有 a@xyz.com 和 b@xyz.com，则 ngModel 中只有 a@xyz.com。

组件.html

组件.ts

输出

我正在尝试在 angular + ngx-materialize 中创建一个自定义组件，该组件为使用芯片组件的人封装标签逻辑。所以我需要在 Person 组件和我的 tags 组件之间提供双重绑定。

我已经创建了组件，并且能够监听来自标签组件的更改，以便人们获得新值。然而，当人的值发生变化时，标签不会更新。

应该发生的是，当按下“Actualizar”按钮时，应该添加芯片“Hello world”并在芯片组件中可见。