问题标签 [ng2-tag-input]

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 投票
3 回答
4611 浏览

angular - 如何将自定义样式添加到 3rd 方组件?

为我下载的第 3 方组件自定义样式的推荐方法是什么npm

例如组件ng2-tag-input。我运行一个 webpack 构建,将所有第 3 方 js 文件捆绑到 vendor.js 中,将所有第 3 方 css 捆绑到vendor.css.

由于这是在构建时生成的,因此我不想对其进行更改vendor.css或提交。

假设我想将自己的样式添加到ng2-tag-input,如何最好地做到这一点?我应该自己覆盖它的样式site.css还是有其他方法?

0 投票
2 回答
836 浏览

angular - ng2-tag-input separatorKeys 不起作用

我正在尝试使用具有非常基本配置的 ng2-tag-input 模块:

一切正常,除了 separatorKeys - 它没有任何效果,当我输入space key时(keyCode=32),它表现为普通空格而不是分隔符。

在演示页面上,他们的示例运行良好,这与 NG2 版本有关吗?

https://github.com/Gbuomprisco/ng2-tag-input

0 投票
0 回答
374 浏览

angular - 将外部库 ng2-tag-input 导入 Angular 2

我正在尝试在我的 Angular 2 应用程序中使用 ng2-tag-input 库。我跑过:

我验证了 node_modules 文件夹中安装的文件

我将 import 语句添加到 app.module.ts 文件中:

我将它添加到 @NgModule 的导入部分

此时,当我启动应用程序时,出现错误:

我究竟做错了什么?提前致谢。

0 投票
1 回答
752 浏览

html - 动态改变标签输入的颜色 angular2

我想从 UI 向用户发送邀请电子邮件。我需要输入那些不属于我们系统的用户的多个电子邮件 ID。我正在使用 angular2 的标签输入。除了一些验证外,一切正常。输入电子邮件后,我正在检查系统中是否已经存在用户。如果用户存在,那么我希望将该电子邮件标签突出显示为红色。所以最后,系统中已经存在的所有电子邮件的标签都应该是红色的。

以下是我的组件:

下面是HTML代码:

0 投票
0 回答
150 浏览

angular - 错误:angular2-tag-input(外部库)的(SystemJS)XHR错误(404 Not Found)

在此处输入图像描述

当我从 angular2-tag-input 导入其中一个模块时出现此 404 错误,如下所示:

import {RlTagInputModule} from 'angular2-tag-input';

早些时候,我在为 angular2-tag-input 进行 NPM 安装时遇到了版本问题,因为它需要特定版本的核心 angular2 lib。我在 package.json 中进行了更改并安装了所需的依赖项,然后安装了 angular2-tag-input。它安装正确(没有警告或错误)。这是我的package.json

当我在我的下面包含导入app.module并在 NgModule 中的导入下使用该库时,我开始收到错误(请参阅快照)。

请让我知道我犯了什么错误。

谢谢!

0 投票
1 回答
811 浏览

javascript - 如何将@Gbuomprisco/ng2-tag-input 与 angular-cli 一起使用?

我正在使用最新版本的 @angular/cli (1.0.0-beta.32.3),我正在尝试使用ng2-tag-input。当我启动 ng serve 命令时,出现此错误:

知道如何解决这个问题吗?

这是我的 package.json:

和我的 app.module.ts

谢谢你的帮助!

0 投票
1 回答
658 浏览

angular - 子组件内的Angular2标签输入无法提交所有选定的标签

我有一个主要组件,在其中我使用另一个具有tag-input下拉列表的组件,但是当我提交表单时tag-input,未正确提交所选项目,仅发布最后一个所选项目的一个字符。

在其组件类中,我有一个名为 的函数create,该函数工作正常。现在下面是nationality组件:

在此处输入图像描述在此处输入图像描述

0 投票
2 回答
1722 浏览

angular - 使用 ng2-tag-input 的异常

我正在使用 ng-tag-input 进行标签输入。我已按照此链接中的入门步骤进行操作。

收到以下错误:

这是我的 package.json,我怀疑这与版本控制有关。也无法BrowserAnimationsModule在任何包中找到。:

0 投票
1 回答
1065 浏览

html - 如何在 Angular 2 的 ng2-tag-input 下拉列表中添加按钮?

我正在尝试使用 ng2-tag-input 为我的下拉菜单创建自定义模板。我用这个作为参考:这个链接。我已经使用 observable 检索了一个对象数组并填充了下拉列表。

这是我的 html 代码(还没有按钮):

我能够成功获得我的自定义模板,但我还需要显示两个按钮以及下拉值,如下所示:自定义模板重复,最后,我需要这两个按钮。我不知道如何添加它们,因为我是 Angular2 的新手。任何帮助,将不胜感激。

0 投票
1 回答
5596 浏览

angular - 如何将 ng2-tag-input 与对象数组的自动完成下拉列表一起使用

在自动完成下拉列表中显示的数据:

显示的 UI 模板代码ng2-tag-input

模态对话框的 UI 模板是:-

在上面的模态对话框ng2-tag-input中不起作用。