如何在AngularJs中使用ng-tags-input自动完成？

Question

我有一个ng-tag字段，如：

java.lang.Comparable

我想在此字段中添加自动填充功能<tags-input ng-model="services"></tags-input>。

自动完成的数据将是一个本地json对象。

我该怎么做？

Answer 1

以下是一个简单示例，您只需在<auto-complete>内创建<tags-input>，然后分配source

<tags-input max-tags="{{tab.maxTags}}"
                    min-length="1"
                    key-property="tag"
                    display-property="tag"
                    template="tagItem.html"
                    data-ng-model="tab.series.tags"
                    replace-spaces-with-dashes="false"
                    data-ng-class="{'hide-tags-input': tab.series.tags.length >= tab.maxTags}">
            <auto-complete min-length="1"
                           load-on-focus="true"
                           load-on-empty="true"
                           display-property="tag"
                           select-first-match="false"
                           template="autocomplete.html"
                           source="tab.autocomplete($query)">
            </auto-complete>
        </tags-input>