如何在angular2的另一个组件中显示函数中的数据？

在Angular 2中，要在另一个组件中显示函数中的数据，可以通过以下步骤实现：

创建一个服务（Service）来存储和管理数据。可以使用Angular的依赖注入机制，在服务中定义一个变量来保存数据，并提供一个公共的方法来获取和设置数据。
在要显示数据的组件中，通过依赖注入的方式将服务注入进来。可以在组件的构造函数中声明一个私有变量，并将服务作为参数传入。
在组件中调用服务的方法来获取数据。可以在组件的生命周期钩子函数（如ngOnInit）中调用服务的方法，并将返回的数据保存在组件的属性中。
在另一个组件中，通过依赖注入的方式将服务注入进来，并调用服务的方法来获取之前保存的数据。可以在该组件的模板中使用插值表达式或者其他方式来显示数据。

下面是一个示例：

创建一个数据服务（data.service.ts）：

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

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

  getData(): string {
    return this.data;
  }

  setData(data: string): void {
    this.data = data;
  }
}

在要显示数据的组件中，注入数据服务并调用方法获取数据（component1.component.ts）：

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

@Component({
  selector: 'app-component1',
  template: `
    <h1>Data: {{ data }}</h1>
  `,
})
export class Component1Component implements OnInit {
  data: string;

  constructor(private dataService: DataService) {}

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

在另一个组件中，注入数据服务并调用方法获取之前保存的数据（component2.component.ts）：

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

@Component({
  selector: 'app-component2',
  template: `
    <h2>Data from Component 1: {{ data }}</h2>
  `,
})
export class Component2Component implements OnInit {
  data: string;

  constructor(private dataService: DataService) {}

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

请注意，以上示例中的组件和服务需要在模块中进行声明和提供。具体的模块配置可以根据实际情况进行调整。

希望以上解答对您有帮助！如果您需要了解更多关于Angular 2的知识，可以参考腾讯云的Angular产品文档：Angular产品文档