Angular 7-获取在HTML中声明的所有组件的组件实例

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

// 导入你的组件类
import { MyComponent } from './my-component';

@Component({
  selector: 'app-parent',
  template: `
    <my-component></my-component>
    <my-component></my-component>
    <my-component></my-component>
  `
})
export class ParentComponent {
  @ViewChildren(MyComponent) myComponents: QueryList<MyComponent>;

  ngAfterViewInit() {
    // 在视图初始化后，可以通过myComponents属性访问所有子组件的实例
    this.myComponents.forEach(component => {
      // 这里可以对每个组件实例进行操作
      console.log(component);
    });
  }
}