angular6反应形式铬自动完成功能未在输入框中设置值

Question

我们正在将Angular与反应形式一起使用。 如果您开始输入ex：“ 7”并在自动填充下拉列表中选择一个值，则在地址输入框中，未设置所选值，并返回到我键入的值，例如“ 7”。

  <div class="col-12 profile-info-form__input-section">
    <label class="form-label--above">
      <span i18n>Address</span>
    </label>
    <input type="text" class="profile-info-form__input" formControlName="address" />
    <span i18n class="form-error" [ngClass]="(profileForm.get('address').errors && profileForm.get('address').errors.required && profileForm.get('address').touched) ? 'form-error--show' : ''">Enter your Address</span>
    <span i18n class="form-error" [ngClass]="(profileForm.get('address').errors && profileForm.get('address').errors.maxLength && profileForm.get('address').touched) ? 'form-error--show' : ''">Invalid</span>
  </div>

如果您在输入字段的焦点上选择一个值，则不会发生这种情况。 感谢您提供有关此问题的任何帮助

Answer 1

今天遇到了同样的事情。现在，我不得不在所有输入上添加autocomplete =“ nope”来解决它（“ off”没做ref）。有趣的是，我在一个较旧的angular 5.2.5应用程序中尝试过，似乎没有这个问题。