Typeahead.js允许用户添加列表中不存在的元素

Question

我目前正在使用Typeahead.js在项目中提供标签的自动完成功能。每次标记自动完成时，都会清除预先输入文本框，并将所选元素保存在字符串数组中。

虽然仍然提供此功能，但我想添加一个＆＃34;添加新标签＆＃34;建议列表中的元素。如果书写标记不在建议列表中，则用户可以单击此额外元素（请注意，即使列表中存在建议，仍应显示此额外元素）。这样可以保存文本框中的值，然后清除输入文本框。

我尝试使用页脚模板添加此内容＆＃34;添加新标记＆＃34;列表底部的元素，如下所示：

$('#myTypeaheadInput').typeahead({
      hint: true,
      highlight: true
    },
    {
      name: 'tags',
      displayKey: 'value',
      source: substringMatcher(tags),
      templates: {
        footer: '<div class="addNew">Add new tag</div>'
      }
    })

但我最终尝试（并且失败）自己触发自动完成事件，这可能不是最好的方法。

如果可以的话，我应该如何添加这个＆＃34;添加新标签＆＃34;建议清单底部的元素？