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

ng-tags-input - 如何在 ngTagsInput 中观看 newTag.invalid?

我正在使用 ngTagsInput 来实现收件人列表。为了显示内联验证消息,我添加了“on-invalid-tag”属性。问题是我需要在用户看到消息后隐藏消息并开始通过删除或添加某些内容来纠正错误的输入。

在默认样式中,如果新输入无效,则在用户尝试创建新标签时以红色打印。但是,如果他们按退格键或任何输入任何字母,颜色就会恢复正常。这种行为正是我想要的验证消息,它绝对应该与 ng-tags-input.js 中带有 newTag.invalid 的红色文本绑定一起出现和消失。

但似乎没有这样的事件或功能。我尝试使用 ng-change 来捕捉输入的更改事件,但它不起作用。有没有办法这样做?

这是代码。

0 投票
2 回答
2505 浏览

angularjs - “错误:无法更改类型属性”。使用 ngTagInput 库 (AngularJs) 时出错

使用 ngTagInput 库时出现一个奇怪的错误:

错误:无法更改类型属性。

这是该错误的屏幕截图 -错误屏幕截图

HTML 代码 -

控制器代码 (app.js)-

请有人帮忙。提前致谢

0 投票
1 回答
821 浏览

angularjs - Angular + Firebase 应用程序 - ngTagsInput 错误:无法读取未定义的“数据”属性

我正在使用 ng-tags-input 将标记添加到 Angular + Firebase 应用程序。

尝试利用自动完成功能从 firebaseArray 中自动填充标签时遇到以下错误

错误

这是我的代码...

HTML

JAVASCRIPT

如您所见,我正在使用最新的 Firebase 版本 (2.4.0) 并在我的 firebase 查询中使用 Promises ... .

问题?

有没有办法将 ng-tags-input 配置为异步运行,并且只有在履行承诺后才加载值?

我将不胜感激任何帮助或建议。

干杯! @FellowHobbyist

0 投票
1 回答
761 浏览

angularjs - ngTagsInput - 如何清除选择结果?

目前,我正在为我的搜索栏使用 ngTagsInput 指令。但是,我无法找到清除选择结果或阻止标签在搜索栏中呈现的方法。

这是我目前拥有的:

在此处输入图像描述

这就是我想要得到的:

在此处输入图像描述

我尝试编写一个指令来检测按下回车键,然后使用 myEnter=$('tags-item').remove() 尝试在创建元素时删除它,但它不仅不起作用,它也是不理想:

0 投票
1 回答
1026 浏览

angularjs - ngTagsInput on-tag-adding 事件不适用于重复值

我正在使用 ngTagsInput 库。但是,它不适用于一个用例。当我输入重复值时。on-tag-adding 事件以重复值触发。我不明白我错过了什么,或者我需要在功能上做更多的事情。

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

这是我的代码。

0 投票
1 回答
1904 浏览

angularjs - ngTagsInput - 只允许选择自动完成建议?

如果你从一个来源拉

[{文本:'a'},{文本:'ab'},{文本:'abc'}]

并且用户输入“abcd”,如何防止用户创建“abcd”标签?

0 投票
1 回答
807 浏览

angularjs - 使用 selenium 将标签添加到 ng-tags-input

我正在尝试自动测试添加了 ng-tags-input 的网页。我在使用 selenium webdriver 向 ng-tags-input 添加标签时遇到了困难。Selenium 找到了元素,但 sendKeys() 函数不向它添加文本。

硒代码(v. 2.49.0):

HTML:

最终的 HTML:

0 投票
0 回答
122 浏览

angularjs - 从 ngTagsInput 中删除标签时,输入字段将自动获得焦点。有没有办法防止这种情况发生?

我认为这段代码有问题。因为当我点击一个标签来删除它时,点击事件将传播到主机 div 从而导致输入框聚焦。

有没有办法或任何属性可以防止输入框专注于删除标签?

0 投票
3 回答
1600 浏览

javascript - ngRepeat:dupes - 不允许在转发器中重复

我正在使用带有自动完成功能的 ngTagsInput 指令。如果我没有两个具有相同“tag_token”属性的标签,一切正常。

这是我得到的回应:

看法

我收到此错误:

0 投票
1 回答
770 浏览

angularjs - ng-tags-input 无法按预期工作

我在我的 Angular 项目中使用 ng-Input-tags。但是当我搜索关键字时,我的自动完成功能没有随着搜索结果更新。我检查了我的方法,它返回了正确的结果,但它们没有出现在自动完成的下拉列表中。

这是我的html代码:

<tags-input ng-model="selectedDrivers" display-property="name" replace-spaces-with-dashes="false" add-from-autocomplete-only="true" placeholder="Search by driver name or driver id.." on-tag-added="emptyScope()"> <auto-complete source="searchDriver($query)" debounce-delay="500"></auto-complete> </tags-input>

这是我的js代码:

$scope.searchDriver = function(query) { $scope.searchedResults = []; for(var key in $scope.driversInfo){ if($scope.driversInfo[key].name.toLowerCase().indexOf(query.toLowerCase()) >= 0 || $scope.driversInfo[key].id.toString().indexOf(query.toString()) >= 0) $scope.searchedResults.push($scope.driversInfo[key]); } return $scope.searchedResults; };

不知何故,建议列表没有得到更新。