Fokus arbeitet nicht in angularJS. angular.element (...). focus ist keine Funktion?

Question

Ich habe die folgenden Zeilen geschrieben Fokus auf ein Eingabeelement in Winkel js hinzuzufügen:

angular.element(document.getElementById("chatinput")).focus(); 

aber eine geben einen Fehler nicht funktioniert:

angular.element(...).focus is not a function 

Answer 1

Die "jqLite" library, die für angular.element() mit kantigem enthalten ist enthält nicht die .focus() Methode.

Um es verfügbar zu machen, müssen Sie die jQuery-Bibliothek laden, bevor Sie Angular und Ihren Anwendungscode laden. Sobald Sie das getan haben, wird angular.element() ein Alias ​​von jQuery anstelle von jqLite sein.

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
<script src="/path/to/angular.js"></script> 

Oder kehrte die Element von getElementById()has its own .focus() method dass Sie angular.element() ohne anrufen:

document.getElementById("chatinput").focus(); 

// though, you may want to check that it's found first 
var chatinput = document.getElementById("chatinput"); 
if (chatinput) chatinput.focus();