数据绑定 Angular 2 [对象对象] 不显示在视图中

Question

我在视图上显示数据时遇到问题 无法显示在我的数组上迭代的对象。 在我的控制台上显示所有对象，没有错误，但我无法使用 ngFor 显示

posts.coomponent.ts

import { Component, OnInit } from '@angular/core';
import {Pipe, PipeTransform} from '@angular/core';

import {PostService} from '../posts.service';
import {Post} from '../posts';

@Component({
  selector: 'app-form-posts',
  templateUrl: './form-posts.component.html',
  styleUrls: ['./form-posts.component.css'],
  providers: [PostService]
 })
 export class FormPostsComponent implements OnInit {
 submitted = false;
 posts: Post[] = [];

 constructor(
 private _pService: PostService,
  ) { }
  ngOnInit() {
      this.getAllPost();
  }

  getAllPost() {
   this._pService.getAll().subscribe(
    posts => {
    this.posts = posts  ;
    console.log(this.posts);
    }
  );
  }
  onSave() {
  this.submitted = true;
 }

 }

帖子.服务.ts

import { Injectable } from '@angular/core';
import {Http, Headers, Response, RequestOptions } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';
import 'rxjs/add/operator/do';
import { Observable } from 'rxjs/Observable';
@Injectable()
export class PostService {
 base: string = 'http://localhost:3000/posts';
 constructor(
    private _http: Http,
 ) {}
 getAll() {
    return this._http.get(this.base)
    .map((response => response.json()));
   }
 }

控制台结果在我看来

<li *ngFor="let post of posts">{{post.categoria}}</li>

Answer 1

错别字！

代替复数{{posts.categoria}}在<li>中使用单数{{post.categoria}}

Answer 2

完成此操作后 console.log(this.posts(;

您对Chrome的回应是什么，我希望您更改此行 帖子： 帖子[] = [];对此 公开帖子：任意 = [];在帖子中.coomponent.ts