Angular 2 - 如何删除或更新嵌套对象 - 英雄之旅

时间:2016-10-24 18:28:11

标签: angular multidimensional-array angular2-routing angular2-services angular2-http

我决定复杂的Angular2教程"英雄之旅"通过创建几个塔。 https://angular.io/docs/ts/latest/tutorial/

我们使用Angular in-memory-web-api创建了数据库:https://github.com/angular/in-memory-web-api

这是教程数据库(只是一个英雄阵列):

heroes: [
      {id: 11, name: 'Mr. Nice'},
      {id: 12, name: 'Narcos'},
      {id: 13, name: 'Bombasto'},
      {id: 15, name: 'Magneta'}
    ]

这是我的(包含一系列英雄的塔阵列):

towers = [
  {id: 1, title: 'Tower 1', heroes: [
      {id: 12, name: 'Narcos'},
      {id: 13, name: 'Bombasto'}
    ]
  },
  {id: 2, title: 'Tower 2', heroes: [
      {id: 14, name: 'Celeritas'},
      {id: 15, name: 'Magneta'},
    ]
  },
  {id: 3, title: 'Tower 3', heroes: [
      {id: 16, name: 'RubberMan'},
      {id: 17, name: 'Dynama'}
    ]
  }
]

在我的服务文件中,我创建了这个函数来删除塔,它可以工作:

deleteTower(idTower: number): Promise<void> {
    const url = `${this.towersUrl}/${idTower}`;
    return this.http.delete(url, {headers: this.headers})
        .toPromise()
        .then(() => null)
        .catch(this.handleError);
}

问题是我想要删除特定塔中的特定英雄(&#39; / towers / 1 / heroes / 12&#39;)

deleteHero(idTower: number, idHero: number): Promise<void> {
    const url = `${this.towersUrl}/${idTower}/heroes/${idHero}`;
    return this.http.delete(url, {headers: this.headers})
        .toPromise()
        .then(() => null)
        .catch(this.handleError);
}

此功能删除塔而不仅仅是英雄。

所以我不知道如何直接删除或更新英雄?

谢谢

1 个答案:

答案 0 :(得分:0)

我最后使用了子文档,因为mongodb没有外键。