要在另一个组件中引用appcomponent div,可以使用ViewChild和ElementRef。在子组件中导入ViewChild和ElementRef,并在子组件类中声明一个名为“appcomponentDiv”的变量。
import { Component, ViewChild, ElementRef } from '@angular/core';
@Component({
selector: 'child',
template: `
Reference to AppComponent div
`
})
export class ChildComponent {
@ViewChild('appcomponentDiv', {static: false}) appcomponentDiv: ElementRef;
}
然后在 AppComponent 中的任何地方都可以使用子组件的appcomponentDiv变量。
import { Component, ViewChild } from '@angular/core';
import { ChildComponent } from 'path/to/child.component';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
@ViewChild(ChildComponent, {static: false}) childComponent: ChildComponent;
ngAfterViewInit() {
console.log(this.childComponent.appcomponentDiv.nativeElement);
}
}