在Angular中，你可以使用服务（Service）来传递数据给另一个组件。以下是一个简单的示例：

1. 创建一个数据服务（DataService），用于存储和传递数据：

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

@Injectable()
export class DataService {
  private data: any;

  setData(data: any) {
    this.data = data;
  }

  getData() {
    return this.data;
  }
}

2. 在发送数据的组件中，注入数据服务，并使用setData方法将数据存储到服务中：

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'sender-component',
  templateUrl: './sender.component.html'
})
export class SenderComponent {
  constructor(private dataService: DataService) {}

  sendData() {
    const data = // 从ag-grid或其他地方获取数据
    this.dataService.setData(data);
  }
}

3. 在接收数据的组件中，同样注入数据服务，并使用getData方法来获取数据：

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'receiver-component',
  templateUrl: './receiver.component.html'
})
export class ReceiverComponent {
  data: any;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.data = this.dataService.getData();
  }
}

4. 在需要传递数据的地方，使用这两个组件：

发送数据


{{ data }}

这样，当点击“发送数据”按钮时，数据将会存储到数据服务中，并在接收数据的组件中展示出来。