Question

所以，我今天开始使用这个bootstrap-tagsinput，我尝试的第一件事就是添加一个新的标签，我现在花了大约一个小时做这个简单的任务，我仍然有同样的问题。继承人我正在使用的代码：

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

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

我得到的结果是：未设置未设置itemValue选项时无法添加对象 但正如你可以看到我设置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/

Bootstrap tagsinput添加项目问题

1 个答案: