Angular Material Dialog: Setzen Sie den Fokus auf den ersten Artikel

Question

Ich verwende Angular 1.5.x mit Material Design und ich habe ein benutzerdefiniertes Dialogfeld, in dem ich das erste Eingabefeld auswählen möchte, wenn der Dialog angezeigt wird.

Wie mache ich das?

Ich habe ein anschauliches Beispiel für das Problem zusammen: https://codepen.io/anon/pen/xdoqmZ?editors=1010

Hier ist der Code;

In diesem Beispiel möchte ich, dass der Dialog mit den vorgegebenen Namen angezeigt wird.

Answer 1

In onCompleteAnimation Funktion erster Eingang finden und konzentrieren

onComplete: function(s,e) { 
     $(e).find('input').first().focus() 
    }, 
    locals: { 
     name: $scope.username 
    }, 
    controller: DialogController 

https://codepen.io/anon/pen/ZKgWjQ?editors=1010