角度2变换组件输入

Question

我有一个组件，比如

export class InspectionComponent {    
    @Input()
    inspections: Inspections[];
}

我想按日期属性对检查进行分组。我是使用或管道，还是有办法转换组件中的列表？我在想一个可观察的对象，但我不能确定是否可以观察组件输入？

基本上我想要写的东西是这样的(我知道这没有意义，但它显示了要点)

export class InspectionComponent implement OnInit {    
    @Input()
    inspections: Inspection[];

    groups: { date: Date, inspections: Inspection[] };

    ngOnInit() {
        inspections.groupBy(...).subscribe(groups => this.groups = groups);
    }
}

我在Angular Docs on Pipes上读到，强烈建议在组件逻辑中进行筛选和排序。

Answer 1

您可以将inspections设置为设置器，这样，每次更新inspections时，都会执行分组：

groupedInspections: Inspections[]
@Input()
set inspections(inspections: Inspection[]) {
  this.groupedInspections = ...
}

在视图中，然后绑定到groupedInspections。

您应该知道，当向传递的数组中添加/删除项时，不会调用此方法。