在Angular 8中记住数据的一种解决方法是使用服务(Service)来存储和共享数据。下面是一个简单的示例代码:
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;
}
}
import { Component } from '@angular/core';
import { DataService } from '路径/data.service';
@Component({
selector: 'app-my-component',
template: `
My Component
`
})
export class MyComponent {
constructor(private dataService: DataService) { }
saveData() {
const data = '要保存的数据';
this.dataService.setData(data);
}
getData() {
const data = this.dataService.getData();
console.log(data);
}
}
getData
方法:import { Component } from '@angular/core';
import { DataService } from '路径/data.service';
@Component({
selector: 'app-another-component',
template: `
Another Component
`
})
export class AnotherComponent {
constructor(private dataService: DataService) { }
getData() {
const data = this.dataService.getData();
console.log(data);
}
}
通过这种方式,您可以在不同的组件中共享和访问相同的数据。您可以根据需要在DataService中添加更多方法和逻辑,以满足您的特定需求。