小编Dan*_*iel的帖子

1:Angular2中两个对象的N或N:1关系作为来自http请求的可观察对象

参考角度教程中的" 英雄之旅 ".

假设我们将给所有现有英雄穿上特殊套件的可能性,但任何其他英雄也可以穿同一套房.我们真的不希望他们赤身裸体.在这种情况下,我们将有一个相关的数据对象,其中包含有关可用套装的所有信息.英雄本身必须知道他穿着哪个套房以及在哪里可以找到他所选择的套房.对于这种情况,我们将创建一个属性,其中包含所选服装的ID.

从http请求中可以观察到解决Angular中英雄和他的套件之间关系的正确方法是什么?

例如:

app/hero.ts

export class Hero {
  id: number;
  name: string;
  suiteId: number;
}
Run Code Online (Sandbox Code Playgroud)

app/suit.ts

export class Suite {
  id: number;
  name: string;
  material: string;
  color: string;
}
Run Code Online (Sandbox Code Playgroud)

app/in-memory-data.service.ts

import { InMemoryDbService } from 'angular-in-memory-web-api';
export class InMemoryDataService implements InMemoryDbService {
  createDb() {
    let heroes = [
      {id: 11, name: 'Mr. Nice', suitId: 11},
      {id: 12, name: 'Narco', suitId: 12}
    ];
    let suits= [
      {id: 11, name: 'Nice and blue', material: 'Cotton', color: 'blue'},
      {id: 12, …
Run Code Online (Sandbox Code Playgroud)

rest observable rxjs typescript angular

6
推荐指数
1
解决办法
2196
查看次数

标签 统计

angular ×1

observable ×1

rest ×1

rxjs ×1

typescript ×1