Angular2 http获取第一个元素

时间:2017-03-19 01:20:00

标签: angular http get observable subscribe

我想获得" id"的价值。来自此JSON文件的元素:

getData() {

    return this.http.get('https://reqres.in/api/users/2')
    .map((respone: Response) => respone.json());
}

}

这是我获取数据的代码:

{{1}}

我怎样才能获得' id'值?

4 个答案:

答案 0 :(得分:1)

假设您正在使用RxJ,在调用getData()之后,您必须订阅结果,然后解析数据。

this.getData().subscribe(result => {

    // handle the response

    return result.data.id;

});

答案 1 :(得分:0)

假设您从服务中返回Observable, 您可以使用各种RxJs第一个运算符

cell.separatorInset = UIEdgeInsets(top: 0, left: tableView.frame.size.width, bottom: 0, right: 0)

答案 2 :(得分:0)

您还可以执行以下操作:

getData() {
    return this.http.get('https://reqres.in/api/users/2')
                    .map((respone: Response) => respone.json().data.id);
}

将仅从响应而不是整个数据对象返回id字段。

答案 3 :(得分:0)

您也可以在显示数据的组件的 HTML 中执行此操作。 例如:

<div *ngFor = 'let first of http'>
    {{first.id}}
</div>