为 ng-tagsinput 添加工具提示答案

【问题标题】：Add tooltips for ng-tagsinput为 ng-tagsinput 添加工具提示
【发布时间】：2017-05-10 09:59:03
【问题描述】：

我一直在使用 benford 的 ng-tagsinput -> http://mbenford.github.io/ngTagsInput/

我正在尝试为输入字段中添加的标签添加工具提示。此工具提示应显示标记的内容。谁能帮我为标签添加工具提示？

感谢任何帮助。

谢谢，

【问题讨论】：

标签： tooltip ng-tags-input

【解决方案1】：

我对 ng-tags-input.js 和 ng-tags-input.min.js 这将解决您对工具提示的要求。

我在 js 文件的 ngTagsInput/tag-item.html 模板部分添加了ng-attr-title={{$getDisplayText()}}。只需将 title 属性添加到 span 标签即可。此更改为您完成，但此库的创建者 @mbenford 可能会将其添加为功能。您可以从以下链接下载文件。你可以看到标签上的工具提示:)

https://ufile.io/k5v8w - 最小 js

https://ufile.io/sntbh - 未缩小的 js

【讨论】：

嗨@Mohammed Gadi，感谢您的更改。显示简单的工具提示看起来不错。它也是静态文本。我想在工具提示中有动态文本。示例 - 在悬停时显示 selectedTag 的内容。有什么建议吗？

【解决方案2】：

这是一个非常古老的问题，但模板方法更好。只需使用“模板”属性并将工具提示添加到您的模板。详情在这里： http://mbenford.github.io/ngTagsInput/documentation/guides/custom-templates

【讨论】：