2

カスタム Pipe 宣言を使用して、リスト内の要素を検索およびフィルタリングしようとしています。しかし、次のエラーが発生し、その理由がわかりません。(基本プロジェクトとして angular2-seed プロジェクトを使用しています)

エラー:

platform-browser.umd.js:1900 EXCEPTION: Error: Uncaught (in promise): No Pipe decorator found on SearchPipe

パイプ クラス コード:

import { Pipe,PipeTransform } from 'angular2/core';
import { User } from './user';
@Pipe({
   name: 'search'
})
export class SearchPipe implements PipeTransform {
transform(value, [searchterm]) {
   if (value === undefined) {
      return value;
   } else {
      return value.filter((user:User) => user.Name.toLowerCase().includes(searchterm.toLowerCase()));
   }
 }
}

コンポーネント クラス コード:

import {SearchPipe} from './users.search-pipe';

@Component({
    selector: 'users',
    moduleId: module.id,
    templateUrl: './users.component.html',
    styleUrls: ['./users.component.css'],
    pipes: [SearchPipe]
})

export class UsersComponent implements OnInit {
    .........
}
4

0 に答える 0