问题标签 [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.
ng-tags-input - 如何在 ngTagsInput 中观看 newTag.invalid?
我正在使用 ngTagsInput 来实现收件人列表。为了显示内联验证消息,我添加了“on-invalid-tag”属性。问题是我需要在用户看到消息后隐藏消息并开始通过删除或添加某些内容来纠正错误的输入。
在默认样式中,如果新输入无效,则在用户尝试创建新标签时以红色打印。但是,如果他们按退格键或任何输入任何字母,颜色就会恢复正常。这种行为正是我想要的验证消息,它绝对应该与 ng-tags-input.js 中带有 newTag.invalid 的红色文本绑定一起出现和消失。
但似乎没有这样的事件或功能。我尝试使用 ng-change 来捕捉输入的更改事件,但它不起作用。有没有办法这样做?
这是代码。
angularjs - Angular + Firebase 应用程序 - ngTagsInput 错误:无法读取未定义的“数据”属性
我正在使用 ng-tags-input 将标记添加到 Angular + Firebase 应用程序。
尝试利用自动完成功能从 firebaseArray 中自动填充标签时遇到以下错误
错误
这是我的代码...
HTML
JAVASCRIPT
如您所见,我正在使用最新的 Firebase 版本 (2.4.0) 并在我的 firebase 查询中使用 Promises ... .
问题?
有没有办法将 ng-tags-input 配置为异步运行,并且只有在履行承诺后才加载值?
我将不胜感激任何帮助或建议。
干杯! @FellowHobbyist
angularjs - ngTagsInput on-tag-adding 事件不适用于重复值
我正在使用 ngTagsInput 库。但是,它不适用于一个用例。当我输入重复值时。on-tag-adding 事件以重复值触发。我不明白我错过了什么,或者我需要在功能上做更多的事情。
http://plnkr.co/edit/DYndyhVagvVBIMF5KqvF?p=preview
这是我的代码。
angularjs - ngTagsInput - 只允许选择自动完成建议?
如果你从一个来源拉
[{文本:'a'},{文本:'ab'},{文本:'abc'}]
并且用户输入“abcd”,如何防止用户创建“abcd”标签?
angularjs - 使用 selenium 将标签添加到 ng-tags-input
我正在尝试自动测试添加了 ng-tags-input 的网页。我在使用 selenium webdriver 向 ng-tags-input 添加标签时遇到了困难。Selenium 找到了元素,但 sendKeys() 函数不向它添加文本。
硒代码(v. 2.49.0):
HTML:
最终的 HTML:
angularjs - 从 ngTagsInput 中删除标签时,输入字段将自动获得焦点。有没有办法防止这种情况发生?
我认为这段代码有问题。因为当我点击一个标签来删除它时,点击事件将传播到主机 div 从而导致输入框聚焦。
有没有办法或任何属性可以防止输入框专注于删除标签?
javascript - ngRepeat:dupes - 不允许在转发器中重复
我正在使用带有自动完成功能的 ngTagsInput 指令。如果我没有两个具有相同“tag_token”属性的标签,一切正常。
这是我得到的回应:
看法
我收到此错误:
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;
};
不知何故,建议列表没有得到更新。