Angular 2不会更新组件中数组的内容

时间:2017-07-14 15:46:21

标签: angular typescript webpack

我正在使用角度为2的管道将过滤器应用于表格,但是当我应用过滤器时,数组不会使用新值进行更新

这是我的文件管道

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'AgreementPipe',
  pure: false
})
export class AgreementPipe implements PipeTransform {
  tmp = [];

  transform(items: any[], filter: Object): any {
    this.tmp.length = 0;
    if (!items || !filter) {
      return items;
    }
    // return items.filter(item => item.agreement.name.indexOf(filter['name']) !== -1);

    let arr = items.filter(item => item.agreement.name.indexOf(filter['name']) !== -1);
    console.log(arr);
    this.tmp.push(...arr);
    return this.tmp;
  }
}

这是我的* ngFor

<tr *ngFor="let Viability of mf.data | AgreementPipe : agreements ">

过滤器如果在HTML视图中更新,但是当我打印数组时它没有更新的数据

知道为什么会这样吗?

0 个答案:

没有答案