我想要完成的是每次应用程序初始化只调用一次外部 API。
我有一个简单的服务,
@Injectable()
export class XService {
url = "http://api.example.com"
constructor(private _http:Http) {
}
callAnAPI(){
console.log('made an external request");
return this._http.get(url)
.map(res=>res.json());
}
}
和两个组件,主要appComponent
@Component({
selector: 'my-app',
template: `
<div>
Test
</div>
`
})
export class AppComponent {
isLoading = true;
results = [];
constructor(private _service: XService){
}
ngOnInit(){
Observable.forkJoin(
this._service.callAnAPI()
// some more services here
)
.subscribe(
res => {
this.results = res[0];
},
null,
() => {this.isLoading = false}
);
}
}
以及与路线一起使用的另一个组件
@Component({
template: `
<div>
I want to use the service with this component.
</div>
`
})
export class SecondComponent {
constructor(private _service: XService){
}
}
服务已初始化,Angular 在AppComponent
. 我也想使用XService
with ,每当我尝试从(通过)SecondComponent
再次调用服务时, Angular 都会命中外部 API。我想尽量减少外部影响。SecondComponent
_service._service.callAnAPI()
如何获取AppComponent
on 初始化所做的数据而不是再次调用服务SecondComponent