問題タブ [angular2-pipe]

スレッドオブジェクトの配列があり、各スレッドオブジェクトにはプロパティがあります

これらのスレッドの後にフィルタリングするパイプを作成したいのですが、これまでのところ、以下のような作業パイプがあります。私はまだそれに満足していません。もっとエレガントな解決策があるかどうか尋ねたいと思いますか?

HTML:

Pipe.ts

パイプのドキュメントを検索しても説明が見つからない奇妙なパイプの問題があります。

基本的に、オブジェクトの配列をソートするパイプがあります。問題は、同じソースからさらに多くのリストが繰り返されている場合、それらのリストも変更されてしまうことです。パイプが元のソースを変更しているようで、それに基づいてすべてが変更されます。

これから繰り返すと：

次に、クエリで除外できるリストを用意します。

そして、ソートするパイプを使用する別のものがあります。

ソートするパイプ:

両方のリストが表示されます。

• アイテム1
• 項目 2
• アイテム3
• 項目6

このかなり奇妙な動作を回避するにはどうすればよいですか?

コンポーネント内のリストに使用するパイプを渡すことができるコンポーネントを作成しようとしています。テストして答えを探し回って見つけたものから、唯一の解決策は次のようなものを作成するようです。

my-componentテンプレート：

次に、正しいパイプロジックにマップmyFilterして実行しますが、これは少し汚れていて最適ではないようです。

Angular 1以降、これらの線に沿って何かを行うことで、この問題に対するより良い解決策を彼らが思いついたと思いました。

Angular 2 でこれを行うより良い方法はありませんか?

ページのリストを返すサービスがあります。ここで、このキーが true に設定されたページのリストを返す pagesFilter という名前のパイプを書きたいと思います。

次に、ナビゲーション項目をクリックしたときにこのフィルターを適用したいと思います。

どういうわけか私はそれを働かせることができません。コンソールにエラーはなく、フィルター変数は正しく更新されます。アドバイスをいただければ幸いです。

私のhtml：

ページ サービス:

ポートフォリオ コンポーネント (サービスを使用する):

簡単に使いやすくするために、チェックボックスをフィルターとして追加したいと思います。ただし、ページを更新したときにのみ読み込まれます。

これらは私のファイルです：

ファイル名.コンポーネント.ts

チェックボックス-filter.pipe.ts

ファイル名.component.html

私はAngular2.rc.0を使用しています。わかりやすくするために、この質問の変数の名前を変更しました。コンソールの出力は、チェックボックスをオン (オフ) にしたときではなく、ページを更新したときにのみ発生します。この問題を解決するための助けをいただければ幸いです。

Angular2で、component.tsビデオ オブジェクトのリストを取得し、_videos:Video[]

私のhtmlでは、ビデオを表示します。

ここで、html に検索入力フィールドを作成して、ビデオをフィルタリングしたいと考えています。私はパイプを使用しようとしています:

でts、

でhtml、

バインディングが機能していないようです。パイプは初めて機能します。ここでパイプを使うのは正しいですか？または、新しい配列を作成し、_videoList: Video[]スロットルでキーアップ イベントをリッスンして変更し、代わりに で_videoList使用する必要があります。 *ngFor_videos