在Angular中，子组件到父组件的交互可以通过以下几种方式解决：

1. 使用@Output()和EventEmitter：在子组件中定义一个输出属性，并使用EventEmitter来发射事件。在父组件中通过绑定子组件的输出属性，并在父组件中处理这个事件。

子组件代码示例：

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

@Component({
  selector: 'app-child',
  template: `
    发送数据
  `,
})
export class ChildComponent {
  @Output() dataEvent = new EventEmitter();

  sendData() {
    const data = '子组件向父组件传递的数据';
    this.dataEvent.emit(data);
  }
}

父组件代码示例：

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

@Component({
  selector: 'app-parent',
  template: `
    
  `,
})
export class ParentComponent {
  receiveData(data: any) {
    console.log('父组件接收到数据：', data);
  }
}

2. 使用@ViewChild：在父组件中使用@ViewChild获取子组件的实例，并通过调用子组件的方法或访问子组件的属性来实现交互。

子组件代码示例：

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

@Component({
  selector: 'app-child',
  template: `
    发送数据
  `,
})
export class ChildComponent {
  sendData() {
    const data = '子组件向父组件传递的数据';
    this.parent.receiveData(data);
  }
}

父组件代码示例：

import { Component, ViewChild } from '@angular/core';
import { ChildComponent } from './child.component';

@Component({
  selector: 'app-parent',
  template: `
    
  `,
})
export class ParentComponent {
  @ViewChild(ChildComponent) childComponent!: ChildComponent;

  ngAfterViewInit() {
    console.log(this.childComponent);
  }

  receiveData(data: any) {
    console.log('父组件接收到数据：', data);
  }
}

以上是两种常见的子组件到父组件交互的解决方法，根据实际需求选择适合的方式进行交互。