カスタム 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 {
.........
}