<div id="editable" contenteditable="true" class="search-input" [textContent]="query" (input)="query=$event.target.textContent" (keyup)="searchClient($event)" (focus)="open()"></div>
Dies ist mein HTML-Code und legte das DIV, das Inhalt unterstützt, editierbar. Wenn ich irgendeine Taste drücke, wird die Methode searchClient ($ event) ausgelöst und ein Wert gesetzt. Ich muss den Cursor (Cursor) Ende des Werts festlegen und es fokussieren.Wie wird die Caret-Position in contenteditable div in Angular 4 festgelegt?
habe ich versucht, einige Beispiele, aber ich konnte es nicht für Angular die Lösung aus Abbildung 4.
Hinweis: Ich habe versucht, aus How to set caret(cursor) position in contenteditable element (div)? diesen Fehler bekam, wie Sie SearchComponent.html:6 ERROR TypeError: Failed to execute 'setStart' on 'Range': parameter 1 is not of type 'Node'.
Mögliches Duplikat von [Wie in contenteditable Elemente caret (Cursor) Position setzen (div)?] (Https://stackoverflow.com/questions/6249095/how-to-set- caretcursor-position-in-contenteditable-element-div) –
Danke, ich habe auch dieses Beispiel ausprobiert, bevor ich es gepostet habe. Habe diesen Fehler erhalten. SearchComponent.html: 6 ERROR TypeError: Fehler beim Ausführen von 'setStart' auf 'Range': Parameter 1 ist nicht vom Typ 'Node'. –