如何在angular2中读取Angular2 json映射对象

Question

我试图在角度2中获取具有键值对的json对象。

Answer 1

您的问题不是很清楚。 但是，我将展示一些我从这个问题中了解到的东西。

这是一个示例代码（假设值对为username和password ）

  let params:URLSearchParams = new URLSearchParams();
        params.set('username', username);
        params.set("password", password);
  return this.http.post(this.baseUrl + '/auth/credential', '', {search: params}).map((res:Response) => res.json());

我将上述方法getUserDetails（）定义为全局服务，并将其作为数据服务导入到下面提到的我的特定组件中，假设服务器将回复发送到名为result的数组中（无需多说，完成项目的实施）

 this.dataService.getUserDetails().subscribe(
            (data) => {
                console.log('fetched userdata for edit', data.results)
                this.modify_users = data.results;
                console.log(data.results);
                console.log(this.modify_users);
            },
            (error) => {
                console.log('Failure viewUserDetails');
                alert('Error getting user Details to edit');
            });

因此，如果我仅描述我在这里所做的事情，

（数据）=> {} ：定义从服务器接收任何类型的数据时下一步要做什么。
（错误）=> {} ：定义当服务器回复错误时下一步该怎么做

Answer 2

您必须使用http请求来发出这样的get请求：-

import {Injectable} from '@angular/core';
import {Http, Response, RequestOptions, Headers, Request, RequestMethod} from '@angular/http';

@Injectable()
export class GlobalService {
    constructor(public http: Http) { }

    MethodName(): any {
        return this.http.get('your_json_Path')
            .map(res=> res.json())
            .subscribe(res => {
                // your stuff here
            });
    }
}

回应的工作范例

也可以看看

• 在Angular 2中使用HTTP Rest API