2017-08-06 107 views
2

我想爲我的md-autocomplete禁用瀏覽器(Chrome的)自動填充功能。
我也看過#2699但因爲我沒有在我的MD-自動完成輸入標籤,我不知道在哪裏應用類型=「搜索」如何在角度材質中禁用自動填充md-autocomplete

任何人都已經達到了這個?

<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> 
+0

你可以請張貼一些代碼嗎? – ZearaeZ

+0

我已更新問題 – Jymbo

+0

仍然沒有很好地解決您的問題。你的意思是你想要一個文本框,你可以從哪裏搜索項目,或者你想禁用自動填充功能? – ZearaeZ

回答

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),單擊「網絡」選項卡,然後選中「禁用緩存」(僅在開發工具打開時適用),然後刷新頁面。

如果您正在捆綁/縮小,請確保您已重新編譯/提醒,並且該頁面實際上使用了正確的腳本。