如何在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