<div id="editable" contenteditable="true" class="search-input" [textContent]="query" (input)="query=$event.target.textContent" (keyup)="searchClient($event)" (focus)="open()"></div>
これは私のHTMLコードであり、コンテンツを編集可能にするDIVを置いています。いずれかのキーを押すと、searchClient($ event)メソッドがトリガされ、値が設定されます。私は、値のキャレット(カーソル)の端を設定し、それをフォーカスする必要があります。角度4のcontenteditable divにキャレットの位置を設定するにはどうすればよいですか?
私はいくつかの例を試してみたが、私は角4
注するためのソリューションをそれを把握することができませんでした:私はHow to set caret(cursor) position in contenteditable element (div)?このエラーにSearchComponent.html:6 ERROR TypeError: Failed to execute 'setStart' on 'Range': parameter 1 is not of type 'Node'.
可能な重複[のcontentEditable要素でキャレットを設定する方法(カーソル)の位置(DIV)?](https://stackoverflow.com/questions/6249095/how-to-set- caretcursor-position-in-contenteditable-element-div) –
ありがとう、私はあまりにも私がそれを投稿する前に試してみました。このエラーが発生しました。 SearchComponent.html:6エラーTypeError: 'Range'で 'setStart'を実行できませんでした。パラメータ1のタイプが 'Node'ではありません。 –