引导标签输入添加项目问题

Question

所以，我今天开始使用这个引导标签输入，我尝试的第一件事是动态地添加一个新标签，我现在花了大约一个小时来完成这个简单的任务，但我仍然遇到同样的问题。 这是我正在使用的代码：

$("#test").tagsinput({
    allowDuplicates: true,
    itemValue: function(item) { return item._id; },
    itemText: function(item) { return item.name; }
});

$("#test").tagsinput('add', {_id: 1, name: 'Testing'});

我得到的结果是：Uncaught Can't add objects when itemValue option is not set 但正如你所看到的，我确实设置了 itemValue。我还将代码放在JSFiddle file 中，以便您测试。我注意到不仅没有设置 itemValue，而且没有设置我的选项，因为我也不能复制标签（但我允许它在选项上）。

有人知道发生了什么吗？

Answer 1

首先：

只需将 data-role="tagsinput" 添加到您的输入字段即可自动将其更改为标签输入字段。

我刚刚从this site获取了上面的文字。

所以，如果你正在使用该属性（我在你的小提琴中看到它），你不应该以后在 javascript 上再次这样做。

除此之外，itemValue 和 itemText 属性，您应该只传递组件将在项目内部查看的属性的名称。

$("#test").tagsinput({
    allowDuplicates: true,
    itemValue: '_id',
    itemText: 'name'
});

$("#test").tagsinput('add', {_id: 1, name: 'Testing'});

您的小提琴已更新：http://jsfiddle.net/7fp5hh2j/3/