问题标签 [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.
angular - 在 ngx-chips 中单击选项卡上的下拉列表项
我们将 ngx-chips 用于自动完成文本框,我们从远程源获取数据。如果我们复制粘贴一个项目并按 Tab 按钮,我们需要选择单个项目。但这不起作用。
任何帮助将不胜感激。
我们的代码如下
angular - ngx-chips未将项目列表显示为自动完成值Angular 5
我正在使用ngx-chips同时添加搜索和标签功能。我很难使下拉菜单正常工作。
这是我的标签的片段
我正在显示 userList json 以验证它是否具有值。
然后在我的组件中,我像这样填充 userList:
我还尝试使用 identifyBy 和 displayBy 并删除我的 userList 上的格式,但仍然没有运气。
不知道我错过了什么,现在已经尝试搜索和修复了 1 天。希望任何人都可以提供帮助。谢谢!
angular - 向 ngx-chips 输入模型添加项目,只保留显示和值字段
我正在使用ngx-chips作为标签输入控件。我使用自己的自定义对象作为控件下拉列表中的项目;这些具有以下结构:
因此,根据 ngx-chips 文档,我提供[identifyBy]="'_id'"
并[displayBy]="'name'"
作为控件的输入;现在,当我选择另一个项目添加到控件并更新模型时,它会添加上面列出的所有字段;
这是我的输入:
有没有办法在添加项目时只保留模型上的_id
和name
字段?我认为它应该在(onAdd)
控件的输出事件中完成;但我想不出一种方法来真正实现这一点,如果它可以做到的话。
angular - ngx-chips - 如何禁用标签选择?
我正在使用带有 Angular 5 的 ngx-chips 并且无法弄清楚如何停止/禁用选择添加的标签。
我在文档中看到有 (onSelect) 方法并尝试返回 false 但它不起作用。我也尝试通过 (click) 来阻止事件,但这种方法不适用于 ngx-chips。
有谁知道添加标签后如何停止标签选择?
html - Ngx 芯片填充不显示动态提供的“名称”或“ID”
我正在使用ngx-chips
下面的代码来填充建议tag-input
字段。
在上面的代码中,我有多个字段,我正在通过执行填充它ngFor
,在执行此操作时,我尝试为每个标签输入使用不同的名称,因为我必须为每个单独的输入标签获取不同的字段数据。只autoCompleteObservable
调用一个函数getSuggestions
,该函数将根据当前关注的领域工作。
我的.ts
代码是获取已单击的输入是
我想得到专注的名字,<tag-input></tag-input>
以便我可以getSuggestions
根据这个名字。
angular - Ngx 芯片:拖动后获取当前订单
我启用了 dragzone 属性,添加的芯片现在可以拖动了。那么拖动之后,我们如何得到当前的筹码顺序呢?
angular - Ngx 芯片填充不发布HTML 对象 onFocus of input
此代码用于填充自动建议字段
.ts
存档_
在这个函数中它应该给出 html 对象<tag-input>
,有没有人有技巧来获取这个 HTML 对象onFocusInput
?
angular - 从ngx-chips(标签输入)中选择项目时Angular2 +打开模态
当我选择标签输入下拉列表中存在的标签之一时,我想打开一个模式窗口。
这是我的代码:
我的输入标签具有[onAdding] = "onAdding"
调用模式窗口打开的函数调用:
我不明白为什么,模态窗口没有打开。这是我的 StackBlitz:https ://stackblitz.com/edit/angular-ye2n9g
有人能帮我吗?
javascript - Angular - OnSelected 函数不适用于标签输入
我正在使用 ngx-chips,但我无法实现 OnSelected 函数。
在我的 app.component.html 我有这个:
在我的 app.component.ts 中,函数以这种简单的方式实现:
非常奇怪的是 onItemRemoved 可以正常工作,而 onSelected 不会触发。
这是我的StackBlitz
我不明白我做错了什么。
有人能帮我吗?
谢谢