首页 > 解决方案 > 在 AngularJS 和 Bootstrap 的模式中文本输入不会自动完成的原因

问题描述

我有一个 AngualrJS 模式中的文本输入。如果我从模态自动完成中取出输入,则可以正常工作。当输入处于模态时,来自浏览器的自动完成建议不起作用。如果我在输入超出模态时输入值并将其放回原处。然后浏览器将在超出模态时自动完成建议。

当输入在模式内时,什么会阻止输入从浏览器正确自动完成?

输入设置为接受姓名或电子邮件地址。我一直在使用自动完成设置autocomplete="username",以便它自动填写姓名或电子邮件地址。

输入的快速示例。

<script type="text/ng-template" id="nameInput.html">
<name-input-modal>

  <form name="nameinput" novalidate ng-class="{submitted: formSubmitted}"
        ng-submit="formSubmitted=true;">
    <label for="userInput">Name</label>
    <input required name="user" id="userInput" type="text"
           autocomplete="username"
           class="form-control ng-valid ng-valid-required">   
  </form>

</name-input-modal>
</script>

标签: angularjsautocompletemodal-dialogbootstrap-modal

解决方案


推荐阅读