问题标签 [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 回答
3028 浏览

angular - Ngx-Chips - 收到响应后未更新自动完成列表

我在我的项目中使用ngx-chips插件。

现在使用对服务器的 Http 调用填充下拉列表。

myContactList数据也在视图中更新,但我看不到下拉列表。如果我再次输入一些文本,列表就会显示出来。但是列表是旧的,不是最新请求的数据。

这也是该插件中注册的一个问题。在这里查看问题

我希望列表在收到响应 pron 服务器时更新并显示。

HTML:

TS:

0 投票
0 回答
287 浏览

angular - 安装新的 Angular cli 版本后 Angular 4 prod 构建错误

尝试使用 prod 标志构建时出现以下 angular cli 错误。

以前我使用 angular-cli 1.6.3然后它工作得很好,但现在我在不同的 PC 上新安装了 angular-cli 1.7.0并在执行 ng build --prod 时出现以下错误

在 ./src/$$_gendir/node_modules/ngx-chips/ngx-chips.ngfactory.ts “找不到模块:错误:无法解析 'D:\Project\angular 中的 'ngx-chips/components/index' -test\src\$$_gendir\node_modules\ngx-chips

我需要将我的 angular-cli 版本降级到 1.6.3 还是将我的项目 cli 版本升级到 1.7.0?这是我的 package.json 文件

0 投票
1 回答
1608 浏览

javascript - Ngx-chips 自定义主题不起作用

很棒的组件。我正在使用带有 Angular 5 的最新版本的 ngx-chips。我尝试使自定义主题与此处相同,但它不起作用。这是我的 .scss 文件:

我也发现了同样的问题,但没有答案。我究竟做错了什么?

0 投票
3 回答
1089 浏览

angular - 下拉不关闭 ngx-chips angular 2

我正在尝试将ngx-chips用于基于标签的下拉菜单。下面是我正在使用的代码:

我在引导模型中使用上面的代码。但是,当我尝试关闭下拉列表时,单击模型上的任何位置,它并没有关闭。因此,我尝试添加[appendToBody]="false"并解决了问题,但现在下拉列表的位置受到干扰。

请让我知道可能的解决方案。

0 投票
0 回答
424 浏览

angular - ngx芯片在模糊上的竞争条件

当标签被添加到我的模型 onblur 和放置到我的服务器之间时,我有一个竞争条件,通过单击提交 Bitton 触发。

如果我在输入字段中有一个标签,因为它尚未添加到tagModel,然后我告诉我的表单提交,我得到不一致的结果,因为标签被异步添加到我的模型中。有时看跌赢得比赛,有时标签获胜。

我有验证以确保我有标签,但这仍然不能确保位于输入字段中的标签,因此尚未附加到tagModel,将在我的 put 发生之前被添加。

解决这个问题的好方法是什么?

0 投票
0 回答
272 浏览

angular - 如果输入包含整数,ngx-chips 不会列出

我在 Angular 4 中使用 ngx-chips,如果所有输入都是字符串,它工作正常。如果我在任何输入中输入任何整数,例如 mh1,它不会显示下拉列表。

这是我的组件代码:

我的 HTML 代码:

api响应:

0 投票
1 回答
2621 浏览

angular - ngx-chips:添加到其他输入字段 onRemove 不起作用

我正在使用带有两个输入字段的https://github.com/Gbuomprisco/ngx-chips 。如果标签从第一个输入(“喜欢”)中删除,它将被添加到第二个输入(“不喜欢”)。

如果首先在第二个字段中有一些输入,这将不起作用。

TS:

HTML:

演示: https ://stackblitz.com/edit/ngx-chips-example-5ajdec?file=app/shared/tag-input/tag-input.component.html

重现步骤

1)添加标签到“不喜欢”

2) 为“喜欢”添加标签

3)从喜欢中删除标签 - 它应该添加到不喜欢中,但这不起作用。

这是图书馆中的错误还是我得到了一些更基本的错误?

0 投票
2 回答
263 浏览

html - 如何在 Angular 6 中检索 ng-input 的值

我正在使用Angular 6和模块ngx-chips使用ng-input字段,所以这是 HTML 模板:

这是我通过单击按钮调用的函数:

在控制台中我收到此错误:

我想获取#alias 的值并向数据库发出发布请求,但我无法检索该值。

0 投票
1 回答
216 浏览

angular - 如何通过特殊关键字自动拆分标签?

我正在开发一个 Angular 2+ Web 应用程序,我想在其中复制文本框中的“用户 1 | 用户 2 | 用户 3 ”之类的句子,一旦我复制了,我希望它会自动转换为标签,如下图

在此处输入图像描述

请注意,我的句子用竖线(|)符号分隔。

我曾尝试使用ngx-chips插件并使用pasteSplitPattern-[?string | RegExp]

但我的标签显示如下

0 投票
1 回答
265 浏览

angular - 自动完成标签角度在 iphone 中不起作用

我使用了 ngx-chips 自动完成功能。它适用于桌面和安卓设备,但在 Iphone 中没有显示任何建议。

这是我的代码:

这是我的 autocompleteItemsAsObjects 对象:

我使用的参考是https://pixinvent.com/apex-angular-4-bootstrap-admin-template/demo-1/components/tags 该模板适用于 Iphone,但我的代码不起作用。