我有一个基础组件与画布在它.我可以在这个基类的ngOnInit方法中用纯色填充画布.
我有一个子组件，它继承了基础的模板.我try 从子对象的ngAfterViewInit方法调用基类的canvas fill方法，但它说canvas元素为null.
我已经发布了alert 信息，它们正在按我预期的顺序出现.第一个在基类的ngOnInit方法中，第二个在基类的填充Canvas方法中，我从子对象的ngAfterViewInit方法调用该方法.
我在StackBlitz中有代码:
谁能帮我指出我做错了什么\需要做什么，以便能够从子元素那里填充画布？
我认为这里不需要继承，只需调用该元素的viewChild中的函数即可，如下例所示！
children
import { ViewChild } from '@angular/core';
import { Component, AfterViewInit } from '@angular/core';
import { BaseComponent } from '../base/base.component';
@Component({
selector: 'app- children ',
templateUrl: './ children .component.html',
})
export class ChildComponent implements AfterViewInit {
@ViewChild(BaseComponent) base: BaseComponent;
constructor() {}
ngAfterViewInit() {
this.base.fillCanvas();
}
}
children html
<app-base [templateRef]=" children Template"></app-base>
<ng-template # children Template> Child's extended template </ng-template>