Angular v4：我们将数据存储在服务或组件中还是两者都存储

# Angular v4：数据存储在服务还是组件？

typescript
// data.service.ts
import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root',
})
export class DataService {
  private sharedData: string = '';
  setData(data: string) {
    this.sharedData = data;
  }
  getData(): string {
    return this.sharedData;
  }
}

typescript
// sample.component.ts
import { Component } from '@angular/core';
@Component({
  selector: 'app-sample',
  template: `
    
      
Data in Component: {{ componentData }}
      Update Data
    
  `,
})
export class SampleComponent {
  componentData: string = 'Initial Data';
  updateData() {
    this.componentData = 'Updated Data';
  }
}