如何在angular 8中将div id从一个组件访问到另一个组件

<div #myDiv></div>

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

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild('myDiv', { static: true }) myDiv: ElementRef;

  // 在需要访问div的地方使用this.myDiv.nativeElement
}

import { Component } from '@angular/core';
import { YourComponent } from '../your-component/your-component.component';

@Component({
  selector: 'app-another-component',
  templateUrl: './another-component.component.html',
  styleUrls: ['./another-component.component.css']
})
export class AnotherComponent {
  constructor(private yourComponent: YourComponent) {
    // 在构造函数中注入YourComponent组件
  }

  // 在需要访问div的地方使用this.yourComponent.myDiv.nativeElement
}