在Angular中，@Output装饰器用于在子组件中定义一个输出属性，用于向父组件传递数据。通过使用@Output装饰器，可以创建一个事件发射器，并通过调用事件发射器的emit()方法来触发事件。父组件可以通过绑定子组件的输出属性，并在父组件中声明一个回调函数来接收子组件传递的数据。

下面是一个示例，演示了如何在子组件中使用@Output与回调函数：

在子组件中，定义一个输出属性，并使用@Output装饰器：

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

@Component({
  selector: 'app-child',
  template: `
    Click
  `,
})
export class ChildComponent {
  @Output() sendData = new EventEmitter();

  onClick() {
    const data = 'Hello from child component';
    this.sendData.emit(data);
  }
}

在父组件中，绑定子组件的输出属性，并声明一个回调函数来接收子组件传递的数据：

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

@Component({
  selector: 'app-parent',
  template: `
    
    
Data received from child component: {{ receivedData }}
  `,
})
export class ParentComponent {
  receivedData: string;

  receiveData(data: string) {
    this.receivedData = data;
  }
}

在上面的示例中，子组件中的sendData是一个输出属性，类型为EventEmitter。当子组件中的按钮被点击时，调用onClick()方法，并通过this.sendData.emit(data)触发sendData事件，并将数据传递给父组件。

在父组件中，通过(sendData)="receiveData($event)"将子组件的sendData事件绑定到receiveData()方法。当子组件触发sendData事件时，父组件会调用receiveData()方法，并将子组件传递的数据作为参数传递给该方法。

在父组件的模板中，可以使用插值表达式{{ receivedData }}来显示从子组件接收到的数据。

希望这个示例可以帮助你理解如何在Angular中使用@Output与回调函数来传递数据。