angular 2 – 在elementRef上设置选择

我有这个选择:

let selection = window.getSelection();

而这个元素参考:

@ViewChild('contentEditable') public el: ElementRef;

例如,这个文本在contenteditable elementRef中:

This is some text

我选择’some’然后丢失了选择但是使用getSelection()将其保存在selection属性中.我如何在elementRef上重新设置它?

最佳答案 我把输入与contentEditable混淆了.使用contentEditable,您需要使用范围来获取选择并设置选择.

要获得选择:

let range = document.createRange();
range = window.getSelection().getRangeAt(0);
this.rangeClone = range.cloneRange();

这使用了Javascript中Selection和Range对象的组合.有关详细信息,请阅读文档:

Selection

Range

要设置选择:

this.el.nativeElement.focus();
const sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(this.rangeClone);

This.el看起来像这样:

@ViewChild('contentEditable') public el: ElementRef;
点赞