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

Question

我决定通过创建多个塔来使 Angular2 "Tour of heroes" 的教程复杂化。 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);
}

问题是当我想删除特定塔中的特定英雄时 ('/towers/1/heroes/12')

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

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

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

谢谢

Answer 1

我终于使用了子文档，因为 mongodb 没有外键。

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

Angular 2 - How to delete or update nested objects - Tour of Heroes

multidimensional-array

angular2-routing

angular2-services

angular2-http

angular