2017-11-30 7 views
1

Okay, so ich bin mit Winkel 2, und ich versuche, nur ein einfaches JSON-Objekt in der Konsole anzumelden, aber ich bekomme diesen enter image description hereFehler [object Object]

UPDATE ...

I meine Fehlerprotokoll unter

enter image description here

zur Verfügung gestellt habe, habe ich auf einer Messe paar Beiträge sah und die Menschen haben ähnliche Probleme wie zB

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

Ich habe ein paar Dinge geändert, aber immer noch keine Würfel!

Zum einen ist hier mein items2.json

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

Mein Modell ... 'company.ts'

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

export interface CompanyDetails { 
    test: string; 
} 

Hier ist meine Komponente:

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) 
    ); 
    } 
} 

Warum ich bin diesen Fehler erhalten? Wie repariere ich es?

Dank

+0

Versuchen Sie überprüfen, ob das funktioniert. 'this.http.get (" http: // localhost: 4200/Assets/api/items2.json ") .map (res => res.json()). Subscribe ( (Daten) => Konsole. log (data.company_details), (err) => console.log (err) ); ' Oder wenn es einen Fehler wirft – pritesh

+0

Okay hinzugefügt, danke! – seus

+0

Funktioniert es oder was passiert, wenn Sie zu "http: // localhost: 4200/assets/api/items2.json" direkt gehen – pritesh

Antwort

0

So fand ich die Antwort, es die InMemoryDataService für die InMemoryWebApi stellt sich heraus, Stört mit Http, ich habe es in meinem app.module.ts ausgeschaltet und es funktioniert jetzt.

Referenz:

Angular2/Error: Collection not found

Verwandte Themen