小编Pet*_*man的帖子

服务http.get调用完成后有组件执行功能

我真的很难绕着angular2中的观察者和订阅.我目前遇到的问题如下:

我有一个服务,其中包含从API发布和获取数据的方法.该服务被注入一个组件,该组件直接调用服务中的那些方法.然后,该服务检索数据并将其自身存储,但我想在组件中处理该数据.在服务检索并存储数据本身之后,我无法弄清楚如何使组件执行函数.

service.ts

import { Injectable } from 'angular2/core';    
import { Http } from 'angular2/router';

@Injectable()
export class Service {
    result: Object;

    constructor(http: Http) {
        this.http = http;
    }

    httpGet(url) {
        return this.http.get(url).subscribe(
            result => this.result = result.json(),
            error => console.log(error),
            () => {}
        )
    }
}
Run Code Online (Sandbox Code Playgroud)

component.ts

import { Component } from 'angular2/core';
import { Service } from './service';

@Component({
    ...
})
export class Component {
    formattedResult: Object;

    constructor(service: Service) {
        this.service = service;
        this.service.httpGet('/api')

        // How do I …
Run Code Online (Sandbox Code Playgroud)

asynchronous observable rxjs angular

11
推荐指数
2
解决办法
3万
查看次数

标签 统计

angular ×1

asynchronous ×1

observable ×1

rxjs ×1