角2：コンソール応答データを表示するにはどうすればいいですか？

Question

コンソール応答データを表示できません。私は自分のコードでどこが間違っていたのかわかりません。私はそれらを提供しました。 あなたの助けに感謝します。

コンソール応答

account.service.ts

import { Injectable } from '@angular/core'; 
import { Http, Headers, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Rx'; 
import { Account } from './account'; 
import { environment } from '../../../environments/environment'; 
import { UrlConstant } from '../../shared/constant/url-constant'; 

@Injectable() 
export class AccountService { 
constructor(private http: Http) { 
} 
private headers = new Headers({ 'Content-Type': 'application/json' 
    }); 
private authApiUri = environment['BP_AUTH_SERVER_URI']; 
listAccount(authToken: string): Observable<Account[]> { 
    this.headers.set('Authorization', authToken); 
    console.log(authToken, ')))))))))))))))))'); 
    returnthis.http.get(`${this.authApiUri}/${UrlConstant.ACCOUNT_LIST.replace('id' , '5682682637844480')}`, { headers: this.headers }) 
    .map(response => { 
    console.log(response, 'LLLLLLLLLLLLLLL') 
    let accounts: Account[] = []; 
    response.json().accountList.forEach((accountResponse) => { 
     let account = new Account(accountResponse.name , accountResponse.primaryEmailAddress, accountResponse.displayName); 
     account.kazooAccountId = accountResponse.account_kazooAccountId; 
     accounts.push(account); 
    }); 
    return accounts; 
    }) 
    .catch(this.handleError); 
} 
private handleError(error: Response | any): Observable<any> { 
    return Observable.throw(error.json()); 
} 
} 

account.ts

export class Account { 
name: string; 
kazooAccountId: string; 
primaryEmailAddress: string; 
displayName: string; 

    constructor(name: string, primaryEmailAddress: string, displayName: string) { 
    this.name = name; 
    this.primaryEmailAddress= primaryEmailAddress; 
    this.displayName = displayName; 
    } 
    } 

アカウントrouting.ts

import { Routes } from '@angular/router'; 
import { UrlConstant } from '../../shared/constant/url-constant'; 
import { AccountListingComponent } from './account-listing/account-listing.component'; 

export const accountRoutes : Routes = [ 
    { 
    path : UrlConstant.ACCOUNT_LISTING, 
    component : AccountListingComponent 
    } 
]; 

    export const accountRoutingComponent = [ AccountListingComponent ]; 

アカウントlistinグラム/アカウントlisting.html

<p> 
    account-listing works! 
</p> 
<ul> 
    <li *ngFor="let account of accounts"> 
    {{account.name}} 
    {{account.kazooAccountId}} 
    {{account.displayName}} 
    </li> 
</ul> 

アカウント一覧/アカウントlisting.component.ts

import { Component, OnInit } from '@angular/core'; 
import { Router } from '@angular/router'; 

import { CookieService } from 'angular2-cookie/services/cookies.service'; 

import { AppConstant } from '../../../shared/constant/app-constant'; 
import { Account } from '../account'; 
import { AccountService } from '../account.service'; 

@Component({ 
    selector: 'app-account-listing', 
    templateUrl: './account-listing.component.html', 
    styleUrls: ['./account-listing.component.css'], 
    providers: [CookieService, AccountService] 
}) 
export class AccountListingComponent implements OnInit { 
    accounts: Account[]; 
    constructor(private accountService: AccountService, private router: Router, private cookieService: CookieService) { 
} 

ngOnInit() { 
    this.listAccount(); 
} 

    listAccount() { 
    const authToken: string = 
    this.cookieService.get(AppConstant.AUTH_TOKEN_COOKIE); 
this.accountService.listAccount(authToken) 
    .subscribe((accounts) => { 
    console.log(accounts, 'KKKKKKKKKKKKKKKKKKKK') 
    this.accounts = accounts; 
    }) 
} 
} 

Answer 1

あなたが応答がaccountsと一致していない見ることができるように、あなたの期待が何であるかを知らないでください。あなたの応答は、実際には次のようになります。第二に

{"id":"1","emailsFor":"emailsFor","name":"shree org one","offers":false} 

、これはあなたのアカウントに一致するならば、forEachとの反応を反復する必要はありません、あなただけの.map(res => res.json())をすることができます。

あなたのサービス：

return this.http.get(...) 
    .map(res => res.json()) 

そして、あなたのコンポーネントでは、変数にそのデータを割り当て、ここで私は単にdata使用している：

data: Object = {}; 

this.accountService.listAccount(authToken) 
    .subscribe(data => { 
    this.data = data; 
    }); 

を次に、応答などのコンテンツを表示することができますlike：

{{data?.id}} {{data?.emailsFor}} {{data?.name}} 

これは、応答からデータを表示する方法です。あなたの質問は、あなたのアカウントに一致する異なる種類の回答を探していることを示唆しています。そのためには、あなたが探している回答をどのように得るかを理解しなければなりません。

Answer 2

listAccount(authToken: string): Observable<Account[]> { 
    this.headers.set('Authorization', authToken); 
    console.log(authToken, ')))))))))))))))))'); 
    returnthis.http.get(`${this.authApiUri}/${UrlConstant.ACCOUNT_LIST.replace('id' , '5682682637844480')}`, { headers: this.headers }) 
    //////////////////////////////////////////////////////////////////////////////// 
    .do(data => {console.log(data)}) 
    ////////////////////////////////////////////////////////////////////////////////////// 
    .map(response => { 
    console.log(response, 'LLLLLLLLLLLLLLL') 
    let accounts: Account[] = []; 
    response.json().accountList.forEach((accountResponse) => { 
     let account = new Account(accountResponse.name , accountResponse.primaryEmailAddress, accountResponse.displayName); 
     account.kazooAccountId = accountResponse.account_kazooAccountId; 
     accounts.push(account); 
    }); 
    return accounts; 
    }) 
    .catch(this.handleError); 
} 

Answer 3

あなたのデータの場合XMLであなたはこの方法で試すことができます

HttpWebRequest myReq = (HttpWebRequest)WebRequest.Create("https://www.yoururl.com"); 

     WebResponse response = myReq.GetResponse(); 

     Stream responseStream = response.GetResponseStream(); 

     XmlTextReader reader = new XmlTextReader(responseStream); 

     while (reader.Read()) 
     { 
      if (reader.NodeType == XmlNodeType.Text) 
       Console.WriteLine("{0}", reader.Value.Trim()); 
     } 

     Console.ReadLine(); 

またはあなたがこの方法を試すことができます。

WebClient client = new WebClient(); 
     client.DownloadStringCompleted += (sender,args) => { 
      if(!args.Cancelled && args.Error == null) { 
       string result = args.Result; // do something fun... 
      } 
     }; 
     client.DownloadStringAsync(new Uri("http://foo.com/bar"));