在 Angular 2 中使用 Typescript 选择输入中的文本

Question

我正在尝试完全按照这篇文章中描述的方式进行操作，但是是在 Angular2 中。

.setSelectionRange(start, end);基本上在用户单击触发器后在输入中使用 javascript 函数。我找不到任何方法来使用 Typescript 复制此行为。

提前致谢。

Answer 1

我找不到任何方法来使用 Typescript 复制此行为。

TypeScript 只是 JavaScript。我怀疑你的意思是Angular2（那个帖子是 Angular1）。

角2

您需要掌握 dom 元素（这似乎是您正在努力解决的问题）。在您的控制器中，您需要注入ElementRef. 例如 @Inject(ElementRef) elementRef: ElementRef,

一旦你有了元素，你就可以遍历它并执行你需要做的任何 dom 访问/手动操作。

更多的

文档：https://angular.io/docs/js/latest/api/core/ElementRef-class.html

例子

示例：/sf/answers/2289677071/

import {Component, ElementRef} from 'angular2/core';

@Component({
  selector:'display',
  template:`
  <input #myname (input) = "updateName(myname.value)"/>
  <p> My name : {{myName}}</p>
`
})
class DisplayComponent implements OnInit {
  constructor(public element: ElementRef) {
    this.element.nativeElement // <- your direct element reference 
  }
  ngOnInit() {

  }
}