2016-06-15 10 views

答えて

8

これを試してみてください:

JS:

$scope.setFocus=function(){ 
    setTimeout(function(){ 
      document.querySelector('#autoCompleteId').focus(); 
    },0); 
} 

HTML:

<md-autocomplete .............. md-input-id="autoCompleteId" > 
    <!-- Note the id --> 
</md-autocomplete> 

<input type="button" value="clickMeForFocus" ng-click="setFocus()" /> 
タイムアウトは、オートコンプリートコンポーネントは時にレンダリングされていることを確認するために必要とされる

フォーカスを呼び出す。

4

あなたは属性

MD-オートフォーカス

例追加していることを行うことができます。

<md-autocomplete md-autofocus md-selected-item="selectedItem" md-search-text="searchText" md-items="item in getMatches(searchText)" md-item-text="item.display"> 
    <span md-highlight-text="searchText">{{item.display}}</span> 
</md-autocomplete> 

REF:here

よろしく。

+1

初めてダイアログを開いたとき、[OK]をクリックしてデータが消去され、フォーカスが失われ、md-autofocusが機能しないときに機能します。私はこのソリューションを持っています、ダイアログが隠されているとき、私はこのdocument.getElementById( 'product-name-input')を呼び出します。 – mos

関連する問題