Angular 2 @ViewChild gibt undefined zurück – wie erhalte ich korrekt Zugriff auf die Child-Komponente?

Hallo zusammen! Ich bin neu in Angular (2+) und TypeScript und habe ein Problem, das mich verwirrt. Ich versuche, über den @ViewChild-Decorator auf eine Child-Komponente zuzugreifen, aber er gibt ständig undefined zurück. Hier ist mein Code. Es gibt eine Parent-Komponente `ParentComponent`: ```typescript import { Component, ViewChild, AfterViewInit } from '@angular/core'; import { ChildComponent } from './child.component'; @Component({ selector: 'app-parent', template: ` ` }) export class ParentComponent { @ViewChild(ChildComponent) childComponent!: ChildComponent; callChildMethod() { if (this.childComponent) { this.childComponent.doSomething(); } else { console.log('childComponent ist undefined'); } } } ``` Und die Child-Komponente `ChildComponent`: ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-child', template: `

Child works!

` }) export class ChildComponent { doSomething() { console.log('Child method called'); } } ```