Select the text inside an input using Typescript i

问题:

I'm trying to do exactly what is described in this post, but in Angular2.

Basically use the javascript function .setSelectionRange(start, end); in an input after a user clicks on a trigger. I can't find any way to replicate this behaviour using Typescript.

Thanks in advance.

回答1:

I can't find any way to replicate this behaviour using Typescript.

TypeScript is just JavaScript. I suspect you mean to say Angular2 (that post is Angular1).

Angular2

You need to get a hold of the dom element (which is what you seem to be struggling with). In your controller you need to inject ElementRef. E.g. @Inject(ElementRef) elementRef: ElementRef,

Once you have the element you can traverse it and do whatever dom access / manual manipulation you need to do.

More

Docs : https://angular.io/docs/js/latest/api/core/ElementRef-class.html

Example

Sample : https://stackoverflow.com/a/32709672/390330

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() {

  }
}