如何在Angular2中只读某个div中的所有输入？

<div #myDiv>
  <!-- 输入元素 -->
  <input type="text">
  <input type="email">
  ...
</div>

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

@Component({
  selector: 'app-my-component',
  template: `
    <div #myDiv>
      <!-- 输入元素 -->
      <input type="text">
      <input type="email">
      ...
    </div>
  `
})
export class MyComponent {
  @ViewChild('myDiv') myDiv: ElementRef;
}

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

@Component({
  selector: 'app-my-component',
  template: `
    <div #myDiv>
      <!-- 输入元素 -->
      <input type="text">
      <input type="email">
      ...
    </div>
  `
})
export class MyComponent implements AfterViewInit {
  @ViewChild('myDiv') myDiv: ElementRef;

  ngAfterViewInit() {
    const divElement = this.myDiv.nativeElement as HTMLDivElement;
    const inputElements = divElement.querySelectorAll('input');
    inputElements.forEach(input => {
      input.disabled = true;
    });
  }
}