wie Fokus in eckigen MD-Autocomplete gesetzt?

Question

Ich habe einen Dialog mit wenigen Feld zu setzen, das erste Feld ist eine md-Autocomplete, wenn ich ok klicke alle diese Felder werden gereinigt, so möchte ich Fokus in der md-Autocomplete, für das Starten der Daten wieder zu füllen gesetzt .

Answer 1

Versuchen Sie folgendes:

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()" /> 

Der Timeout, um sicherzustellen, ist erforderlich, dass die Autocomplete-Komponente zum Zeitpunkt der gemacht wird, Aufruf Fokus.

Answer 2

können Sie tun, indem Attribut Hinzufügen

md-Autofokus

ein Beispiel:

<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

Grüße.