Angular2分组管

Question

我正在尝试创建一个自定义管道，用于在我的角度组件中显示数据，并且由于某种原因无法成功。有人可以帮我创建这个自定义管道以显示以下格式的票证吗？这是我的plunker。

 SEARCH
 Ticket Id    Ticket Type   status
 12345        chat          closed
 62363        phone         open
 48768        phone         open

 DISPUTE
 Ticket Id    Ticket Type   status
 79439        web           closed
 67797        phone         open

Answer 1

我终于让我的第一个自定义管道工作了。感谢http://www.morphatic.com/2016/06/23/creating-a-filter-pipe-for-angular-2-in-ionic-2/。如果有人对解决方案感兴趣，我已更新了plunker。由于我是Angular2中的管道新手，我愿意接受修改/简化我的解决方案的建议。

@Pipe({
  name: 'ticketsGrouping',
  pure: false
})

export class TicketsGrouping implements PipeTransform {

  transform(items: Array<any>, conditions: {[field: string]: any}): Array<any> {
    if (items !== undefined) {
      return items.filter(item => {
        for (let field in conditions) {
          if (item[field] !== conditions[field]) {
            return false;
          }
        }
        return true;
      });
    }
  }
}