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

在Angular2中，如果要将某个div中的所有输入设置为只读，可以使用禁用(disabled)属性来实现。下面是具体的步骤：

首先，给该div添加一个模板引用变量，例如 #myDiv。

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

在组件的类中，使用 @ViewChild 装饰器获取对该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;
}

接下来，在 ngAfterViewInit 生命周期钩子中，获取div中的所有输入元素，并将其设置为只读。

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;
    });
  }
}

通过上述步骤，在Angular2中可以将某个div中的所有输入设置为只读。请注意，以上代码仅演示了如何实现该功能，实际应用中可能需要根据具体情况进行适当的修改。

关于Angular2的更多信息和相关产品，您可以访问腾讯云官网的以下链接：