在Angular 6中,可以通过创建一个服务来设置全局变量来包含方法返回的数据。以下是一种实现方法:
ng generate service global
来生成一个名为global
的服务。global.service.ts
文件中,定义一个全局变量,并创建一个方法来设置和获取该变量的值。例如:import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class GlobalService {
private globalData: any;
constructor() { }
setGlobalData(data: any) {
this.globalData = data;
}
getGlobalData() {
return this.globalData;
}
}
GlobalService
,并在构造函数中注入该服务。例如:import { Component } from '@angular/core';
import { GlobalService } from './global.service';
@Component({
selector: 'app-example',
template: `
<div>{{ globalData }}</div>
`
})
export class ExampleComponent {
globalData: any;
constructor(private globalService: GlobalService) {
this.globalData = this.globalService.getGlobalData();
}
}
setGlobalData()
方法来设置全局变量的值。例如:import { Component } from '@angular/core';
import { GlobalService } from './global.service';
@Component({
selector: 'app-example',
template: `
<button (click)="getData()">Get Data</button>
`
})
export class ExampleComponent {
constructor(private globalService: GlobalService) { }
getData() {
// 调用服务的方法获取数据
// 假设返回的数据为response
this.globalService.setGlobalData(response);
}
}
通过以上步骤,你可以在Angular 6中设置全局变量来包含方法返回的数据。在需要使用该数据的组件中,可以通过注入GlobalService
并调用getGlobalData()
方法来获取全局变量的值。
领取专属 10元无门槛券
手把手带您无忧上云