在Angular 2中将Json数据从服务器存储到数组

Question

我使用 nodejs 服务器从 SQL 数据库中获取数据。

我会将数据存储在 taches 中，这是一个 Tache 数组：

getTaches(): Observable<Tache[]> {
  return this.http.get(this.tachesUrl)
    .map(response => {
      this.taches = response.json().data as Tache[];

      console.log(this.taches);
    })
    .catch(this.handleError);

}

当我在控制台上打印时，我得到的结果是：

undefined

当我打印 response.json() 时，我得到了我的值：

Object {taches: Array(8)}

所以我删除 .data 并重试，然后在模板文件的第 1 行出现另一个错误：

 ERROR Error: Error trying to diff '[object Object]'. Only arrays and iterables are allowed

这是我的 html 文件：

         <md-toolbar color="primary">
      <span>Taches non traitées</span>
    </md-toolbar>
        <md-card>


            <md-list   >
                      <ng-container *ngFor="let tache of this.tacheService.taches   "  >

                <md-list-item *ngIf="tache.stat == 0" (click)="onSelect(tache)" [class.selectionnee]="tache === tacheSelectionnee">{{tache.stat}}+{{tache.id}} + {{tache.name}}

                    <div *ngIf="tache === tacheSelectionnee">

                        <button md-icon-button  [mdMenuTriggerFor]="menu">
                            <md-icon>more_vert</md-icon>
                        </button>
                        <md-menu #menu="mdMenu">
                            <button md-menu-item (click)="openDialog(tache)">
                                <md-icon>edit</md-icon>
                                <span>Modifier</span>
                            </button>
                            <button md-menu-item (click)="delete(tache)">
                                <md-icon>delete</md-icon>
                                <span>Supprimer</span>
                            </button>
                            <button md-menu-item (click)="save(tache)">
                                <md-icon>cached</md-icon>
                                <span>Traiter</span>
                            </button>
                        </md-menu>


                    </div>

                </md-list-item>

                </ng-container>

            </md-list>
        </md-card>

我会正确地将数据存储在 taches 数组中，以便将它们显示为待办事项列表。

Answer 1

试试这个：

getTaches(): Observable<Tache[]> { 
    return this.http.get(this.tachesUrl)
      .map(response => {
         this.taches = response.json().taches as Tache[];

  console.log(this.taches);
})
  .catch(this.handleError);
}

您从 api 收到的对象包含 taches 数组