在Angular中，父組件可以通過在模板中使用子組件的選擇器來調用子組件。以下是一個簡單的示例：
在父組件的模板中，使用子組件的選擇器來調用子組件：
<app-child></app-child>
在子組件中，可以通過使用@Input裝飾器來接收父組件傳遞的數據：
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-child',
template: '<p>{{ childData }}</p>'
})
export class ChildComponent {
@Input() childData: string;
}
在父組件的類中，可以通過給子組件的屬性賦值來傳遞數據給子組件：
import { Component } from '@angular/core';
@Component({
selector: 'app-parent',
template: '<app-child [childData]="parentData"></app-child>'
})
export class ParentComponent {
parentData: string = 'Hello from parent component';
}
在這個示例中，父組件通過給子組件的childData屬性賦值來傳遞數據給子組件。子組件通過使用插值表達式{{ childData }}來顯示接收到的數據。
通過這種方式，父組件可以直接調用子組件并傳遞數據給子組件。
