问题标签 [ngx-chips]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1004 浏览

angular7 - ngx-chips tag-input-dropdown 在 iPhone 中不显示自动建议

我已经为电子邮件 CC 字段实现了 ngx-chips。它在我使用 Chrome 的 Android 手机中完美运行。但是,在 iPhone 中,自动提示不会出现。

在 iPhone

在此处输入图像描述

在安卓中

在此处输入图像描述

请帮忙。

0 投票
1 回答
1042 浏览

angular - 在 ngx-chips 中单击选项卡上的下拉列表项

我们将 ngx-chips 用于自动完成文本框,我们从远程源获取数据。如果我们复制粘贴一个项目并按 Tab 按钮,我们需要选择单个项目。但这不起作用。

任何帮助将不胜感激。

我们的代码如下

0 投票
1 回答
968 浏览

angular - ngx-chips未将项目列表显示为自动完成值Angular 5

我正在使用ngx-chips同时添加搜索和标签功能。我很难使下拉菜单正常工作。

这是我的标签的片段

我正在显示 userList json 以验证它是否具有值。

然后在我的组件中,我像这样填充 userList:

我还尝试使用 identifyBy 和 displayBy 并删除我的 userList 上的格式,但仍然没有运气。

不知道我错过了什么,现在已经尝试搜索和修复了 1 天。希望任何人都可以提供帮助。谢谢!

0 投票
0 回答
957 浏览

angular - 向 ngx-chips 输入模型添加项目,只保留显示和值字段

我正在使用ngx-chips作为标签输入控件。我使用自己的自定义对象作为控件下拉列表中的项目;这些具有以下结构:

因此,根据 ngx-chips 文档,我提供[identifyBy]="'_id'"[displayBy]="'name'"作为控件的输入;现在,当我选择另一个项目添加到控件并更新模型时,它会添加上面列出的所有字段;

这是我的输入:

有没有办法在添加项目时只保留模型上的_idname字段?我认为它应该在(onAdd)控件的输出事件中完成;但我想不出一种方法来真正实现这一点,如果它可以做到的话。

0 投票
1 回答
801 浏览

angular - ngx-chips - 如何禁用标签选择?

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

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

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

0 投票
0 回答
442 浏览

html - Ngx 芯片填充不显示动态提供的“名称”或“ID”

我正在使用ngx-chips下面的代码来填充建议tag-input字段。

在上面的代码中,我有多个字段,我正在通过执行填充它ngFor,在执行此操作时,我尝试为每个标签输入使用不同的名称,因为我必须为每个单独的输入标签获取不同的字段数据。只autoCompleteObservable调用一个函数getSuggestions,该函数将根据当前关注的领域工作。

我的.ts代码是获取已单击的输入是

我想得到专注的名字,<tag-input></tag-input>以便我可以getSuggestions根据这个名字。

0 投票
1 回答
326 浏览

angular - Ngx 芯片:拖动后获取当前订单

我启用了 dragzone 属性,添加的芯片现在可以拖动了。那么拖动之后,我们如何得到当前的筹码顺序呢?

0 投票
0 回答
167 浏览

angular - Ngx 芯片填充不发布HTML 对象 onFocus of input

此代码用于填充自动建议字段

.ts存档_

在这个函数中它应该给出 html 对象<tag-input>,有没有人有技巧来获取这个 HTML 对象onFocusInput

0 投票
1 回答
621 浏览

angular - 从ngx-chips(标签输入)中选择项目时Angular2 +打开模态

当我选择标签输入下拉列表中存在的标签之一时,我想打开一个模式窗口。

这是我的代码:

我的输入标签具有[onAdding] = "onAdding"调用模式窗口打开的函数调用:

我不明白为什么,模态窗口没有打开。这是我的 StackBlitz:https ://stackblitz.com/edit/angular-ye2n9g

有人能帮我吗?

0 投票
1 回答
1135 浏览

javascript - Angular - OnSelected 函数不适用于标签输入

我正在使用 ngx-chips,但我无法实现 OnSelected 函数。

在我的 app.component.html 我有这个:

在我的 app.component.ts 中,函数以这种简单的方式实现:

非常奇怪的是 onItemRemoved 可以正常工作,而 onSelected 不会触发。

这是我的StackBlitz

我不明白我做错了什么。

有人能帮我吗?

谢谢