使用angularjs自动完成

Question

下面是用户开始输入时的简单查找...

<input type="text" data-ng-model="question_handset" list="phones" class="form-control">
<datalist id="phones">
<option  data-ng-repeat="ttl in titles" value="{{ttl}}">
</datalist>

脚本：

$scope.titles = [ "Comics Action" ,
                "Detective Comics" , "Superman" , "Fantastic Four" , "Amazing Spider-Man" ];

我的问题是，这只会匹配您键入的第一个单词。

即。我想让它以你可以输入的方式工作：漫画和任何带有“漫画”一词的东西都会显示在列表中，例如：侦探漫画，漫画行动

我不想使用jQuery，有没有什么可以用当前代码来实现这一点？例子很好。感谢。

Answer 1

我不知道任何不依赖于其他框架的角度库。但是自己制作它是非常可行的角度。你看过this文章了吗？最难的部分是对内容进行样式设置并将其与文本框对齐。

Answer 2

你试过Angular Bootstrap吗？它有一个 Typeahead 。以下是其网站上提供的plunkr。我刚刚更新了静态数组。

Answer 3

您可以尝试使用Angular模块：ngTagsInput。我发现它非常强大和方便。当然，与Angular项目完全兼容