在数组上将Angular2 +管道与Dragula一起使用

我有一个类似Trello的网络应用.与Task可以拖动&放在状态框中(待办事项，待办事项和已完成).我使用 ng2-dragula 来实现拖放操作删除功能，并希望实现一种使用Angular 2管道过滤任务的方法.

I have a Trello-like web app. with Tasks that can be dragged & dropped in status boxes (To do, ogoing and done). I use ng2-dragula to achieve the drag & drop feature and wanted to implement a way to filter my tasks with an Angular 2 pipe.

因此，我首先定义了管道:

So I did, by first defining my pipe:

@Pipe({
  name: 'taskFilter',
  pure: false
})
export class TaskFilterPipe implements PipeTransform {
  transform(items: Task[], filter: Task): Task[] {
    if (!items || !filter) {
      return items;
    }
    // pipes items array, items which match and return true will be kept, false will be filtered out
    return items.filter((item: Task) => this.applyFilter(item, filter));
  }

  applyFilter(task: Task, filter: Task): boolean {        
    for (const field in filter) {
      if (filter[field]) {
        if (typeof filter[field] === 'string') {
          if (task[field].toLowerCase().indexOf(filter[field].toLowerCase()) === -1) {
            return false;
          }
        }
      }
    }
    return true;
  }
}

并将其添加到我的*ngFor:

<!-- For every different status we have, display a card with its tasks -->
<md-grid-tile *ngFor="let istatus of status">

    <!-- Display every task in our array and pipe in the filter -->
    <div *ngFor="let task of tasks | taskFilter:projectService.filteredTask">

        <!-- Check if said task has the right status and display it -->
        <md-card class="task-card" *ngIf="task.status == istatus" (click)="openDetails(task)">
            {{task.title}}
        </md-card>
    </div>
</md-grid-tile>

有效，是的！但是当我拖动&放弃任何任务，它就会消失，再也找不到.

It works, yay ! But when I drag & drop any task, it simply disappears, never to be found again.

似乎以任何方式更改任务的状态都会使其消失，这与我的管道有何关系?

It seems that changing a task's status in any way is making it disappear, how can that be related to my pipe?

是否可以同时使用dragula和Angular 2管道?

Is there a way to use both dragula and Angular 2 pipes?