web-dev-qa-db-ja.com

angular 2?でnullのプロパティ 'filter'を読み取れませんか?

このエラーが発生しますnullのプロパティ 'filter'を読み取れません

angular 2でフィルターを適用すると、コードは次のようになります

http://plnkr.co/edit/K46jJsnmHiONuqIsnuzW?p=preview

import {Pipe} from 'angular2/core';

@Pipe({
  name: 'sortByName',
  pure: false,
})
export class SortByNamePipe {

  transform (value, [queryString]) {
    // console.log(value, queryString);
    return value.filter((student)=>new RegExp(queryString).test(student.name))
    // return value;
  }
}
6
user944513

これは、HTTPリクエストを使用して非同期に読み込まれるデータを入力として使用しているためです。

フィルタを適用する前に、これを確認する必要があります。

export class SortByNamePipe {
  transform (value, [queryString]) {
    if (value==null) {
      return null;
    }

    return value.filter((student)=>new RegExp(queryString).test(student.name))
    // return value;
  }
}
13