如何在angular 2中禁用多个文本框

<input type="text" [(ngModel)]="text1" #input1>
<input type="text" [(ngModel)]="text2" #input2>
<input type="text" [(ngModel)]="text3" #input3>

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  @ViewChild('input1') input1: ElementRef;
  @ViewChild('input2') input2: ElementRef;
  @ViewChild('input3') input3: ElementRef;

  disableTextboxes() {
    this.input1.nativeElement.disabled = true;
    this.input2.nativeElement.disabled = true;
    this.input3.nativeElement.disabled = true;
  }
}

<button (click)="disableTextboxes()">禁用文本框</button>