问题标签 [bootstrap-tags-input]

我正在使用引导标签输入，当我单击输入字段时需要添加。而不是单击 link_to_add 特定按钮。

请指导

我正在使用 Bootstrap 标签输入插件。我想在指定的输入字段上以标签的形式显示一些值。这些值最有可能以 json 格式从 db 中检索。我按照文档 https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples中所示使用添加方法， 但无法使其工作。

我的小提琴演示在这里：https ://jsfiddle.net/Lh4jy9d4/90/ $('input #expertise').tagsinput('add', {id: 1, text: 'javascript' })

在bootstrap-tagsinput按回车键提交下一个标签表单！解决办法是什么？

我正在将 VueJS 与 Webpack 一起使用，并且我正在尝试使用这个 jQuery 标签输入库。鉴于它的需要，我将 jQuery 作为一个全局对象包括在内：

这一切都有效，但问题是能够获得这个其他库。我可以require将它放入主 JS 文件 ( require('../node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.js'); ) 中，然后将它放入我的供应商文件中，但它没有执行并且没有任何反应。

我究竟做错了什么？我是否需要以import-loader某种方式使用，或者一些匀场的东西——完全是别的东西？

我正在处理项目，我想将标签输入添加到文本区域。有可能吗？感谢您的帮助。

我试着做一个项目经理。它可以将更多人添加到一个项目中。所以，我使用Bootstrap 标签输入并遵循以下示例：Typeahead、Object 标签。

我在隐藏输入中有一个 json 字符串存储，而不是远程数据。因此，我将示例修改为：

但是当我输入“aaa”或“bbb”时什么也没有发生。没有标签，没有提示，没有错误输出！

我怎样才能让它自动完成和标记？

我正在尝试使用没有 Typeahead的Bootstrap Tags Input 插件。我已包含以下文件：

脚本如下：

使用插件的 JSP 表单的一部分：

但我无法在输入字段中看到标签。当我按下输入标签时，我的表单也被提交。请建议我缺少什么以及使用插件的正确方法是什么。

我的小提琴在这里。

我根据这个答案扩展了 Fiddle中的示例，以使用Bloodhound。

我正在使用以下代码段预取数据：

这是基于此处的示例。

我已经修改了typeaheadinside以适当tagsinput()地获取和使用text和值字段。

我有以下问题：

1. 文本框的大小不断变化。
2. 如果我在文本框中输入，我会Uncaught TypeError: sync is not a function从bloodhound.js文件中收到一个。

我希望文本框基于cities.json. 因此，如果我进入阿姆斯特丹和华盛顿，我应该会看到$("#myBox").val() = "1,4"。

我想我可能错误地混合了不同版本的预先输入，但我尝试了几种 JS 文件的组合，但没有任何运气。

更新此 问题已在 github 中讨论过

我在引导程序 3 中使用带有 typeahead 的 tagsinput。我遇到的问题是如果用户选择现有标签的值。显示文本显示正确，但 .val() 返回其实际对象。下面是代码

上面代码的问题是它在从 web 方法中获取标签时结果如下

当用户选择现有标签时会发生这种情况。新标签没有问题。我尝试设置标签输入的 itemValue 和 itemText 但没有奏效。因此，我决定解决这个问题。因为我可以将 json 字符串作为 ['IRDAI", Object]，如果可以以某种方式解析这些对象并获得实际的标签值，那么我会得到我正在查看的代码的预期结果。

下面是它在标签输入中显示为 [object Object] 的内容，用于用户从自动填充下拉列表中选择的文本 [！[输入 imt 如果我将 TagId 和 TagValue 指定为 itemValue 和 itemText，如下代码所示

然后执行以下代码时结果显示如下

我正在尝试在我的 Angular2 项目中使用bootstrap-tagsinput库。该库是使用package.json文件安装的：

现在我有一个bootstrap-tagsinput文件夹node_modules。我想在特定组件中使用 tagsinput。我看到目录中有一个bootstrap-tagsinput-angular.js文件node_modules/bootstrap-tagsinput/dist，但我无法正确使用它。

我是否应该在我的 index.html 中添加 JS 文件，以便 bootstrap-tagsinput 可用于所有组件？或者有没有办法在需要的地方导入它？

换句话说，有没有办法做这样的事情：

mycomponent.component.html：

mycomponent.component.ts：

非常感谢你的帮助！