我们安装了'bootstrap-tagsinput.js'和'typeahead'插件,用于为我们其中一种形式的输入字段的标签做一个tyepahead下拉.硬编码标签正常工作.但是,先行部分无法正常工作.
我们有以下HTML:
<div class="form-group">
<label>Types</label><br />
<input class="form-control tags" type="text" name="type" value="Wordpress, Guitar Hero" data-role="tagsinput" />
</div>
Run Code Online (Sandbox Code Playgroud)
和以下JS:
Template.form.rendered = function() {
// Initialise tags input
$('.tags').tagsinput({
typeahead: {
source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
}
});
};
Run Code Online (Sandbox Code Playgroud)
在我们输入时,我们希望它能够拾取以下数据项并显示在前面的类型下拉列表中.但是,它只显示硬编码类型,当我们输入类似于源数据的内容时,它不会显示在下拉列表中.