Javascript-AngularJS：为什么我无法使用箭头键从文本框中选择自动填充列表？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript-AngularJS：为什么我无法使用箭头键从文本框中选择自动填充列表？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1331字，纯文字阅读大概需要2分钟。

内容图文

我正在AngularJS API文档中找到“ typeahead”的代码：http://angular-ui.github.io/bootstrap/

我可以通过按Enter键将文本框填充为第一个选项,但是由于某种原因,我无法使用箭头键(上下)从自动完成列表中选择任何项,但是在他们的示例中,我可以.

这可能是什么问题？

**注意,这是一个Express项目,我正在使用Jade引擎.

头文件

link(rel='stylesheet', href='/css/bootstrap.css')
script(src='/js/jquery-2.1.1.min.js')
script(src='/js/angular.min.js')
script(src='/js/bootstrap.min.js')
script(src='/js/ui-bootstrap-tpls-0.11.0.min.js')
script(src='/js/index.js')

index.html中的部分代码

<div ng-controller="TypeaheadCtrl" class="col-md-5 ng-scope">
    <pre class="ng-binding">Model {{selected}}</pre>
    <input type="text" ng-model="selected" placeholder="item name" typeahead="item for item in items | filter:$viewValue | limitTo:8" class="form-control" >
</div>

index.js

var App = angular.module('myApp', ['ui.bootstrap']);
function TypeaheadCtrl( $scope, $http ) {
    $scope.selected = undefined;
    $scope.items = ['Chicken', 'Corn', 'Ice Cream', 'Cereal'];
}

在玩了一些之后,我发现浏览器还有另一个自动完成功能.可能是铬自动填充？也许我的上上下下都用于此目的,而不是用于我的Web应用程序？如果是这样,您将如何通过代码禁用它,以便仅在本页上将其用于angular的自动完成功能？

解决方法:

尝试在< form>上设置autocomplete =“ off”.或< input>水平.

可以在Mozilla’s <input> section中找到自动完成文档

内容总结

以上是互联网集市为您收集整理的Javascript-AngularJS：为什么我无法使用箭头键从文本框中选择自动填充列表？全部内容，希望文章能够帮你解决Javascript-AngularJS：为什么我无法使用箭头键从文本框中选择自动填充列表？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端