问题标签 [ng-tags-input]

我正在使用 ngTagsInput 中可用的 autoComplete 创建自定义自动完成指令。但我需要从 autoComplete 模板内的父控制器访问数据。我尝试使用 $parent 但它不起作用。我创建了一个简单的 plunker。

html:

应用程序.js

这是 Plunker 链接：

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

我需要指定要显示为标题的字段并显示所有子标题及其相应的显示名称。

这是我的index.html

emailViewController.js

Typeahead在我删除input标签（它是一个属性）并添加tags-input指令之前工作正常。所以，我之前有<input placeholder="To" ng-model="select" typeahead="toPerson for toPerson in to | filter:$viewValue" style="width:95%;">过。现在，我有<tags-input placeholder="To" ng-model="select" typeahead="toPerson for toPerson in to | filter:$viewValue" style="width:95%;">，但它不起作用。

我认为这是因为typeahead仅适用于input tags. 有没有人有关于如何使用的typeahead想法ngTagsInput？

为了避免任何混淆，我想明确一点，我知道如何使用autocompletewith ngTagsInput。我的问题是专门针对我在使用typeaheadwith时遇到的问题ngTagsInput。

这是一个plunker：http ://plnkr.co/edit/B1aV9TLu58a2iGhpTUrN?p=preview

更新

angular-tags我使用代替解决了这个问题ngTagsInput。ngTagsInput不适用于typeahead. 选择的最佳答案很好地解释了为什么会这样。这是解决此问题的 Plunker angular-tags- http://plnkr.co/edit/PaG1k5N37BTOflObnN7K?p=preview

ngTagsInput这是来自网站的演示：http: //mbenford.github.io/ngTagsInput/demos

当我tag10在输入字段中输入时，它会显示一个包含Tag 4through的列表Tag10。因为，我输入Tag10了它，它在显示的列表中以粗体显示。有没有办法显示tag10在列表顶部？

我想实现这个功能，因为当我输入时，显示through是tag有意义的。但是，当我输入 时，我希望它只显示。当用户清楚地输入时，我看不到显示的意义。tag4tag10tag10tag10tag4tag9tag10

编辑

如果autocomplete单击我发布的链接时不起作用，请单击Simple tags input with autocomplete同一页面上的链接。

更新

我无法ngTagsInput上班，所以我过去常常angular-tags解决我的问题。这是一个工作的 plunker - http://plnkr.co/edit/elPefHusJMunHEOhP0HI?p=preview

我正在使用ngTagsInputAngular 插件来获取多个电子邮件 ID。下面是我的代码：

在上面的代码中添加了 3 个验证，如下所示：

1. 对于必填字段。
2. 字段应仅接受电子邮件 ID。
3. 它不应允许重复的电子邮件 ID。

上述情况工作正常。但是，我想根据上面发生的一种情况动态显示错误消息。请帮帮我！！！

我正在使用 ngtagsinput ( http://mbenford.github.io/ngTagsInput/ ) 向我的应用程序添加突出显示功能。我无法弄清楚在创建每个标签时如何为每个标签动态添加一个 id。在创建每个标签项后，我将使用此 ID 来编辑它的样式。我看到了关于自定义模板的演示，但这只有在您预先定义标签数组时才有效。我是 Angular 的新手，这可能是问题所在……有什么提示吗？

使用ng-tags-input效果很好，但我有一个<label for="my-field">不起作用。input元素内部的实际元素ng-tags-input没有 name 或 id 属性，因此我无法使用该for属性定位它。是否有我遗漏的东西，或者我必须使用自定义 JavaScript 才能让它在浏览器中表现得像一个常规标签，点击标签会聚焦该字段？

这是一个显示问题的 plunkr：http ://plnkr.co/edit/D3OLro?p=preview

第一个输入可以通过单击标签来聚焦，但不能通过 ng-tags-input

我尝试将 ng-tags-input 与 api 控制器 .net Mvc 6 返回的 Json 列表一起使用。我的列表是在 json 中创建的，但是当尝试使用 autocompletion 显示此列表时，没有任何效果。我的自动完成列表未显示，并且我在 chrome 控制台中没有错误。

所以这是我列表中的一个对象：

这是我在控制器中的方法：

以及 HTML 中的标签：

这是我填充 $scope.shops 的代码

API 控制器：

角商店Ctrl：

angularjs EmployeeCtrl：

但我不认为我的问题来自我的 json 列表。我希望有一个人可以帮助我 。祝你今天过得愉快。

我在我的 ionic 项目（跨平台移动应用程序）中使用这个库，我尝试设置 minLength : 1 但它采用默认值（即 3）。我怎样才能做到这一点？

我正在用我的博客实现ngTagsInput，以便在添加或编辑新帖子时，用户可以向它们添加现有的或他们自己的标签。

我的博客使用可以通过工厂访问的 firebase 数据源：

因为 ngTagsInput 函数需要在其他控制器中使用，所以我想将它变成一个服务，因为标签字段在订单表单中的引用方式不同。HTML 如下所示：

我想为 ngTagsInput 创建一个服务，该服务引用我上面的其他服务（postsDB）。我一直在尝试使用以下代码：

在我的控制器中：

但是，我收到以下错误：

Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- AddTags

似乎它没有将 AddTags 识别为工厂服务。如何定位$scope.repeatevariable.Tags到映射到 Firebase 源中的 myTags 键？

编辑 - 引发错误：

这是我的代码

在上面的代码中，我有 3 列，第三列包含其他名称，如数组，我只想以标签格式打印这些名称。如何使用 Angular ui-grid 在列中以标签格式重复其他名称。这是我的 plunker： http ://plnkr.co/edit/hNKDh1zWWSNJzmqDMbdW?p=preview