在Angular中，子组件可以通过@Output()装饰器和EventEmitter来调用父组件的函数，并且父组件可以通过属性绑定将数据传递给子组件。

以下是一个示例：

父组件HTML模板（parent.component.html）：

  
父组件
  
父组件数据: {{ parentData }}
  

父组件的Typescript代码（parent.component.ts）：

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent {
  parentData: string;

  onChildEvent(data: string) {
    this.parentData = data;
  }
}

子组件HTML模板（child.component.html）：

  
子组件
  调用父组件函数

子组件的Typescript代码（child.component.ts）：

import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
export class ChildComponent {
  @Output() childEvent = new EventEmitter();

  sendDataToParent() {
    const data = '这是从子组件发送给父组件的数据';
    this.childEvent.emit(data);
  }
}

在这个示例中，父组件ParentComponent中定义了一个parentData变量，用于存储从子组件接收到的数据。当子组件触发childEvent事件时，父组件的onChildEvent函数会被调用，并将子组件发送的数据作为参数传递进去。父组件监听到事件后，将接收到的数据赋值给parentData变量，然后可以在HTML模板中显示出来。

注意，父组件在子组件的标签上使用(childEvent)="onChildEvent($event)"来监听子组件的childEvent事件，并调用父组件的onChildEvent函数。子组件在调用父组件的函数时，使用this.childEvent.emit(data)来触发childEvent事件，并将数据作为参数传递给父组件。

希望这个示例能帮助你解决问题！