在Angular中，可以使用服务（Service）来保存整个页面或组件的数据，以供以后使用。服务是单例模式，可以在整个应用程序中共享数据。

以下是一个示例，展示如何在Angular中使用服务保存和获取数据：

首先，创建一个名为data.service.ts的服务文件，其中包含一个用于保存和获取数据的方法：

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private data: any;

  constructor() { }

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

  getData() {
    return this.data;
  }
}

接下来，在需要保存数据的组件中，将DataService作为依赖注入，并使用setData()方法保存数据：

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

@Component({
  selector: 'app-my-component',
  template: `
    保存数据
  `
})
export class MyComponent {
  constructor(private dataService: DataService) { }

  saveData() {
    const data = { name: 'John', age: 30 };
    this.dataService.setData(data);
  }
}

最后，在需要获取数据的组件中，同样通过依赖注入DataService，并使用getData()方法获取数据：

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

@Component({
  selector: 'app-another-component',
  template: `
    
{{ savedData | json }}
  `
})
export class AnotherComponent {
  savedData: any;

  constructor(private dataService: DataService) { }

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

通过以上示例，我们展示了如何在Angular中使用服务保存整个页面或组件的数据以供以后使用。通过依赖注入DataService，我们可以在任何组件中保存和获取数据。