问题标签 [ng-tags-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 投票
1 回答
2285 浏览

angularjs - 如何在 ngTagsInput 中设置标签的颜色?

我想在我的项目中使用 ng-tags-input。

我尝试根据数组中的颜色属性对象为每个标签设置不同的颜色。

这是我正在研究的plunker 。

为此,我需要覆盖 ng-input 模板中的 tag-item css 类。

以下是 ng-input 模板的示例:

在这一行中,我尝试覆盖标签输入 css 类:

这是我得到的结果:

在此处输入图像描述

正如您在未着色的左右边缘所看到的那样。

知道我做错了什么吗?以及如何覆盖标签输入 css 类?

0 投票
1 回答
66 浏览

angularjs - Angular - 范围变量已更新但视图未更新 - ngTagInput

我正在使用 ngTagsInput ,其中有 3 个标签one, two, three

当我单击删除one字段显示one, two而不是two, three.

我检查了范围变量,我可以看到正确的two, three.

所以我试图从字面上清除并重新实例化范围变量,但没有运气。

我错过了什么吗?

HTML 看起来像:

在控制器中,我实际上是在尝试恢复,但这对现场的标签没有影响。

有人用过这个 ngTagsInput 吗?

谢谢。

0 投票
0 回答
150 浏览

javascript - 不要在 ngTagsInput 中使用正则表达式转义反斜杠

我在我的 Angular 应用程序中使用 ngTagsInput,我希望只允许特定的标签。- 为了实现这一点,我正在使用:

(这allowedTagsPattern接受一个正则表达式)。

我面临的问题是那些反斜杠没有按我的意愿处理,我试图使用以下方法来逃避它们:

但这不起作用。

还要注意的是,我知道正则表达式可以工作,因为我可以将它应用到tags-inputHTML 端 asallowed-tags-pattern="(?!story|pick\\b)\\b\\w+"和它的 find

关于我需要做什么的任何想法?

更新

我认为这与 ngTagsInput 有关-我尝试了一个非常基本的正则表达式,从字面上看:allowedTagsPattern: 'a'这也无法正常工作-给出错误angular.js:13550 TypeError: a.allowedTagsPattern.test is not a function

0 投票
1 回答
132 浏览

ng-tags-input - ngTagsInput 不支持作为电子邮件的输入类型

我正在使用ngTagsInput组件,它不支持电子邮件类型,这意味着即使我输入了文本值,它也不会显示错误。

任何人都可以帮助解决这个问题。

这是HTML代码:


0 投票
0 回答
272 浏览

android-layout - 离子:隐藏在键盘后面的自动完成 div (ng-tags-input)

如何专注于tags-input包括autocomplete何时打开键盘。输入的可见性没有问题,但是autocomplete div隐藏在键盘后面。

示例 Plunker:Plunker

0 投票
1 回答
1227 浏览

javascript - 保存 id 数组而不是对象

我有这个 HTML 元素:

这将创建一个与 Stackoverflow 上类似的标签输入字段。这是正在使用的包http://mbenford.github.io/ngTagsInput/

现在 loadGenres 将返回一个像这样的对象{name: "Genre name", id: 4}。它将被存储到film.genre这样的地方。这是一个问题,因为 API 服务基本上期望film.genre = [4, ...]它必须是一个 id 数组。

我不完全确定如何解决这个问题。我试图在我的newFilm()方法循环中创建一个空数组film.genre并将其添加到该数组中,而不是将其分配给film.genre. 然而,这不起作用,因为当我在这样做之后输出电影时,我仍然得到一个对象数组,其中名称:id 通过某种逻辑。

我在电影.流派中得到了什么:

我需要的:

0 投票
0 回答
184 浏览

javascript - 是否可以使用 ng-tags-input 自定义自动完成?[AngularJS]

是否可以使用创建自定义自动编译ng-tags-input

我从服务器收到这样的响应:

在此处输入图像描述

这就是我为国家和地址自动完成的方式:

search.data.suggest.country[0].options

这个重新运行的对象数组:

search.data.adress.country[0].options

这是我的尝试只是为了不工作...

这将显示错误:

有什么解决办法吗?

0 投票
1 回答
1066 浏览

javascript - ngTagsInput:如何在自动竞争中显示所有结果?

我正在使用ngTagsInput,这是我的标记:

我只能看到 10 个结果,但我需要查看所有结果。

0 投票
1 回答
373 浏览

angularjs - ng-tags-input 自动竞争不起作用

我想使用ng-tags-input自动完成功能,但出现错误:

e.then 不是函数

这是我的 HTML

和 AngularJS 代码:

任何帮助,将不胜感激!

0 投票
1 回答
944 浏览

javascript - 如何动态分配最大标签值?

如果我分配max-tags="1",它工作得很好,但是当我尝试max-tags="maxtag()"通过链接功能使用动态分配时,它显示输入框的红色边框。从视图来看,我正在尝试放置最大数量的标签。一切正常,但输入框为红色,显示如下文本图像。比如警告。如何修复它。 在此处输入图像描述

工作演示

http://plnkr.co/edit/ooTucE4yqmLwMH9kNkO7?p=preview