角2カスタムパイプの説明

Question

私は角度2をゆっくりと学習していますが、最近私はカテゴリごとにギャラリーの結果をフィルタリングするカスタムパイプを実装しようとしています。私が読んだすべての記事は、カスタムパイプで実際に起こっていることについては詳細には触れていませんし、自分自身を構築する方法が混乱しています。

私が見ていたチュートリアルのコードが少しありますが、コードは少し古いと思いますが、プリンシパルは同じであると思います。

import {Pipe} from 'angular2/core'; 

@Pipe({ 
    name: 'AgePipe' 
}) 
export class AgePipe { 

    transform(value, args?) { 
    let [minAge] = args; 
    return value.filter(person => { 
     return person.age >= +minAge; 
    }); 
    } 

} 

パイプが実装されているときに値とargsが設定されているとします。私は、値とargの両方に対してTSエラーを取得し続けています。「パラメータの値」に暗黙的に「任意のタイプ」があります。

Answer 1

このtypescriptエラーは、暗黙のanyを禁止するようtypescriptコンパイラを設定したことが原因です。私。変数の型を明示的に指定し、typescriptを使用して暗黙的にその型を推論するのではなく、その型の場合は明示的にany型を指定する必要があります。 TypeScript documentationの--noImplicitAnyを参照してください。

Angular2はフィルタパイプを含まないことを選択しました。これは、悪い考えだと思います。このような操作は、ビューで繰り返し実行するにはコストがかかりすぎ、コンポーネントで必要なときにのみ実行する必要があります。