如何将焦点放在angular 2中的不同文本框上

<input type="text" autofocus>

import { Component, ViewChild, ElementRef } from '@angular/core';

<input type="text" #input1>

@Component({
  selector: 'app-example',
  template: `
    <input type="text" #input1>
    <input type="text" #input2>
    <button (click)="setFocus(input1)">Set Focus on Input 1</button>
    <button (click)="setFocus(input2)">Set Focus on Input 2</button>
  `
})
export class ExampleComponent {
  @ViewChild('input1') input1: ElementRef;
  @ViewChild('input2') input2: ElementRef;

  setFocus(input: ElementRef) {
    input.nativeElement.focus();
  }
}

import { Component, Renderer2, ElementRef } from '@angular/core';

constructor(private renderer: Renderer2) { }

@Component({
  selector: 'app-example',
  template: `
    <input type="text" #input1>
    <input type="text" #input2>
    <button (click)="setFocus(input1)">Set Focus on Input 1</button>
    <button (click)="setFocus(input2)">Set Focus on Input 2</button>
  `
})
export class ExampleComponent {
  constructor(private renderer: Renderer2) { }

  setFocus(input: ElementRef) {
    this.renderer.selectRootElement(input.nativeElement).focus();
  }
}