问题标签 [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 投票
0 回答
310 浏览

javascript - AngularJS:为什么我的指令的链接函数没有被调用?

我正在使用ngTagsInput并希望在我的模型发生变化时对其进行一些验证。这是我想要实现的目标。

标记:

领域/型号:

最后,我的enforceMaxTags指令:

enforceMaxTags指令正在编译,但link即使模型更改也不会调用该函数。但是,数据绑定似乎确实有效,因为如果我console.logselectedData表单提交时,它会填充正确的对象。我错过了什么?

提前致谢。

0 投票
2 回答
353 浏览

javascript - 单击其他控制器时重置数据

我有两个 div - 第一个包含第二个。包含的 div 有自己的控制器。当我单击容器中的图标按钮时,我更改了一个变量,该变量随后会影响包含的 div 的可见性。

它看起来像这样:

<tags-input>是从ng-tags-input中获取的,我想在单击图标按钮时重置已经输入的标签(这会更改包含 ng-tags-input 的 div 的可见性)。

问题是,因为我有TagsController其中包含数据(tags)并且此数据在 中不可见BarController,所以我不确定如何将tags数组重置为空。

我想过使用一项服务,但它填补了太多的耦合。我希望有一个TagsController在点击时调用的函数。但我不知道如何从另一个控制器中做到这一点

0 投票
1 回答
1566 浏览

ng-tags-input - ng-invalid 样式的 ngTagsInput 问题

我正在使用https://github.com/mbenford/ngTagsInput
我创建了一个带有 url 和必需的标签输入字段的基本表单。因为它是必需的,所以我使用了属性 min-tags="1"

我将它与 bootstrap stylehseet 结合使用。

显示时,该字段显示为带有红色阴影边框(因为它是空的),甚至在提交任何表单之前。这真的很烦人,有什么解决方法吗?

  1. 仅在表单提交后验证字段?
  2. 删除 min-tags="1" 并找到另一种检查所需方面的方法。
  3. 使用 css 丢弃应用于此 .ng-invalid .tags 的那些样式

谢谢

编辑:示例代码:

做了一个plunker:http ://plnkr.co/edit/EQcYfr4vLpkeJESho3GL?p=preview

0 投票
0 回答
172 浏览

ng-tags-input - 当同时设置 keyProperty 和 displayProperty 时,它会创建相同的标签

0 投票
1 回答
1003 浏览

angularjs - 在 ng-tags-input 值中使用逗号

我正在使用带有自动完成功能的 ng-tags-input。我的一些自动完成值中有逗号。当用户选择带有逗号的自动完成值时,它会将其拆分为逗号上的多个标签。有没有办法让这个显示为一个标签?
例如,我的自动完成显示Mike, Jim,当用户点击它时,它会将其分成两个标签:MikeJim. 我希望它是一个标签-Mike, Jim

谢谢。

0 投票
1 回答
459 浏览

css - ngTagsInput CSS 问题

我正在使用ngTagsInput插件来呈现一些自动完成标签。我在我以前的一个项目中使用过它并且工作得很好。

但是,在我的新项目中,当我添加ngTagsInputCSS 时,它不会显示供用户键入标签的文本区域。我检查了 CSS,找不到任何覆盖ngTagsInputCSS 的东西。

请查看我为演示该问题而创建的Plunker 。它只显示按钮,但不显示tags-input指令。

我该如何修复这个 CSS?

0 投票
2 回答
2225 浏览

angularjs - 如何更改 ng-tags-input 分隔符?(默认:破折号)

添加空格分隔的标签时, ng-tags-input 将用破折号替换空格。我怎样才能保留空格字符?

0 投票
2 回答
1057 浏览

javascript - 带有动态模型的 ng-tags-input

当每个元素都有不同的标签时,我如何在 ng-repeat 循环中使用 ng-tags-input?如何动态设置 ng-model?

提前致谢!

0 投票
1 回答
386 浏览

angularjs - NgTagInput 不显示自动搜索结果

我正在尝试实现ngTagsInput,我想在其中实现电子邮件的自动搜索。为此,我写了下面的代码。但它不显示自动搜索结果

HTML:

控制器 :

服务 :

我成功地得到了以下格式的回复:

0 投票
1 回答
4873 浏览

angularjs - 如果 ng-tags-input 中的查询结果为空,如何显示“未找到结果”消息?

这是我的代码。如果 loadTags 返回空结果,那么有没有办法显示未找到结果消息?