使用angularjs自动完成

普罗米修斯

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

<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,使用当前代码可以做到这一点吗?例子会很好。谢谢。

Anvarik

您尝试过Angular Bootstrap吗?它有一个Typeahead这是他们网站上提供plunkr我刚刚更新了静态数组。

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用多维数组中的AngularJS自动完成

来自分类Dev

AngularJS自动完成

来自分类Dev

ngTagsInput /自动完成(AngularJS)

来自分类Dev

AngularJS自动完成

来自分类Dev

使用angularjs自动完成(无法获取输入值)

来自分类Dev

AngularJS Chrome自动完成难题

来自分类Dev

Angularjs自动完成键盘导航

来自分类Dev

Angularjs自动完成键盘导航

来自分类Dev

来自$ resource的自动完成Angularjs

来自分类Dev

使用SpreadJS自动完成

来自分类Dev

使用CodeMirrror自动完成

来自分类Dev

如何创建AngularJS jQueryUI自动完成指令

来自分类Dev

在angularjs中自定义自动完成

来自分类Dev

AngularJs自动完成几乎可以正常工作

来自分类Dev

建立我自己的自动完成angularjs

来自分类Dev

AngularJs自动完成几乎可以正常工作

来自分类Dev

AngularJS 中的多个自动完成 - PHP (Laravel)

来自分类Dev

对图像使用Jquery自动完成

来自分类Dev

如何使用<input>自动完成

来自分类Dev

使用jQuery自动完成城市

来自分类Dev

如何使用<a>自动完成<li>

来自分类Dev

对图像使用Jquery自动完成

来自分类Dev

使用JQuery插件自动完成

来自分类Dev

使用JQuery从对象自动完成

来自分类Dev

使用Int值自动完成

来自分类Dev

使用JSON数据自动完成

来自分类Dev

如何使用<a>自动完成<li>

来自分类Dev

使用AsyncTask的ANDROID自动完成

来自分类Dev

使用数组自动完成值