Angular 2返回条件

时间:2016-08-25 14:03:51

标签: angular

Angular 2中的新内容。

我想知道如何使用Angular2尽可能简单地返回条件数据。

getCreancesByHero() {
  this.creanceService.getCreancesByHero()
    .then( creances => this.creances = creances )
    .catch(error => this.error = error);
}

我只想排序Hero所拥有的“creances”。 hero.value来自:

onSelect(hero: Hero, event: any) {
  event.stopPropagation();
    this.value = hero.id
    this.selectedHero = hero;
}

我尝试使用TrackingBy或管道,但它没有帮助。

感谢 衣

1 个答案:

答案 0 :(得分:0)

所以,如果我理解正确,你想要显示所选英雄的创意。这与角度无关,而是与普通的旧JavaScript有关:

onSelect(hero: Hero, event: any) {
  // ...
  this.creancesOfSelectedHero = this.creances.filter(c => c.id === hero.id);
}

在视图中,您可以使用第二个ng-repeat来显示这些creances:

<div *ngFor="let creance of creancesOfSelectedHero">
  ...
</div>