在Angular 6中,可以使用服务(Service)来存储全局变量和数据。以下是一个示例解决方法:
DataStorageService
)来存储和管理全局变量和数据。运行以下命令来创建服务:ng generate service data-storage
data-storage.service.ts
文件并添加以下代码:import { Injectable } from '@angular/core';
@Injectable()
export class DataStorageService {
globalVariable: any;
globalData: any[] = [];
constructor() { }
setGlobalVariable(value: any) {
this.globalVariable = value;
}
getGlobalVariable() {
return this.globalVariable;
}
setGlobalData(data: any[]) {
this.globalData = data;
}
getGlobalData() {
return this.globalData;
}
}
在这个示例中,我们创建了一个包含globalVariable
和globalData
属性的服务。setGlobalVariable
和getGlobalVariable
方法用于设置和获取全局变量的值,setGlobalData
和getGlobalData
方法用于设置和获取全局数据的值。
DataStorageService
并在构造函数中注入该服务。例如,在app.component.ts
中,您可以添加以下代码:import { Component } from '@angular/core';
import { DataStorageService } from './data-storage.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor(private dataStorageService: DataStorageService) {}
ngOnInit() {
// 设置全局变量的值
this.dataStorageService.setGlobalVariable('Hello, world!');
// 设置全局数据的值
this.dataStorageService.setGlobalData([1, 2, 3, 4, 5]);
// 获取并打印全局变量的值
console.log(this.dataStorageService.getGlobalVariable());
// 获取并打印全局数据的值
console.log(this.dataStorageService.getGlobalData());
}
}
在这个示例中,我们在AppComponent
组件的ngOnInit
方法中使用DataStorageService
来设置和获取全局变量和数据的值。
这样,您就可以在整个应用程序中使用DataStorageService
来存储和访问全局变量和数据了。