2017-11-30 8 views
1

わかりましたので、私は角2を実行している、と私は私はコンソールでシンプルなJSONオブジェクトをログに記録しようとしていますが、私はこのenter image description hereエラー[オブジェクトのオブジェクト]

UPDATEを取得...

enter image description here

以下の私のエラーログを提供してきた私は、公正ないくつかの記事で見ていると人々が同様の問題が

を例えば持っています

Getting [object Object] while mapping http response in Angular 2

私は周りにいくつかのものを変更しましたが、ダイスはまだありません!まず、ここで

は私items2.json

{ 
    "Company": { 
    "company_details": [ 
     { 
     "test": "test" 
     } 
    ], 
    "success": true 
    } 
} 

私のモデルである...ここにcompany.ts "

export interface Company { 
    company_details : CompanyDetails[]; 
    success : boolean; 
} 

export interface CompanyDetails { 
    test: string; 
} 

は私のコンポーネントです:

import {Component, OnInit} from '@angular/core'; 
import {Company} from "./models/test/company"; 
import { HttpClient } from '@angular/common/http'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'], 
}) 
export class AppComponent implements OnInit{ 

    title = 'Test angular'; 

    constructor(private http : HttpClient) {} 

    ngOnInit(): void { 

    this.http.get<Company>('http://localhost:4200/assets/items2.json') 
      .subscribe(data => console.log(data.company_details) 
    ); 
    } 
} 

私はなぜこのエラーが発生しましたか?どうすれば修正できますか?

おかげ

+0

これが動作するかどうかをチェックしてみます。 (data)=>コンソール。 'this.http.get(" http:// localhost:4200/assets/api/items2.json ").map(res => res.json())。 または、それがエラーを投げる場合 – pritesh

+0

これは、ありがとう、ありがとうございました! – seus

+0

'http:// localhost:4200/assets/api/items2.json'に直接アクセスするとどうなりますか – pritesh

答えて

0

は、だから私は答えを見つけて、それが、InMemoryWebApiためInMemoryDataServiceが判明のHttpと干渉する、私は私のapp.module.tsでそれをオフにして、それが今取り組んでいます。

参考:

Angular2/Error: Collection not found

関連する問題