错误[object object]

时间:2017-11-30 05:38:44

标签: json angular typescript

好的,所以我正在运行angular 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)
    );
  }   
}

为什么我收到此错误?我该如何解决?

由于

1 个答案:

答案 0 :(得分:0)

所以我找到了答案,结果是InMemoryWebApi的InMemoryDataService,Http的Interferes,我已经在我的app.module.ts中将其关闭了,现在它正在运行。

参考:

Angular2 / Error: Collection not found