angularjs - 如何在 Angular Material md-autocomplete 中禁用自动填充

Question

我想为我的 md-autocomplete 禁用浏览器(Chrome 的)自动填充功能。
我也看过#2699但由于我的 md-autocomplete 中没有输入标签，我不知道在哪里应用 type="search"

有人已经做到了这一点吗？

<div class="autocomplete" flex>
            <md-icon class="icon"  md-svg-icon="user"></md-icon>

            <md-autocomplete
                    md-no-cache="ctrl.noCache"
                    md-selected-item="ctrl.selectedUserItem"
                    md-search-text-change="ctrl.searchUserTextChange(ctrl.searchText)"
                    md-search-text="ctrl.searchUserText"
                    md-selected-item-change="ctrl.selectedUserItemChange(useritem)"
                    md-items="useritem in ctrl.querySearchUsers(ctrl.searchUserText)"
                    md-item-text="useritem.Name"
                    md-min-length="0"
                    md-menu-class="autocomplete-custom-template"
                    md-floating-label="Username">
                <md-item-template>
                 <span> {{useritem.Title}} </span>
                 <span> <strong> {{useritem.Name}}</strong>, </span>
               </md-item-template>
            </md-autocomplete>
        </div>

Answer 1

查看 1.1.4 的来源，自动完成肯定设置为“关闭”，类型设置为“搜索”:

      return '\
        <md-input-container ng-if="floatingLabel">\
          <label>{{floatingLabel}}</label>\
          <input type="search"\
              ' + (tabindex != null ? 'tabindex="' + tabindex + '"' : '') + '\
              id="{{ inputId || \'fl-input-\' + $mdAutocompleteCtrl.id }}"\
              name="{{inputName}}"\
              autocomplete="off"\
              ...

如果它仍在自动完成，是否可能是您的扩展程序或附加组件忽略了该设置？

另外，请确保它不是缓存问题。在 Chrome 中，打开开发工具(F12)，单击“网络”选项卡，然后选中“禁用缓存”(仅在开发工具打开时适用)，然后刷新页面。

如果您正在打包/缩小，请确保您已重新编译/重新缩小并且页面实际上使用了正确的脚本。