問題タブ [angular2-pipe]

2 つの列が文字列として表される日付であるテーブルがあります。2 つの入力 (2 つの ngb-datepicker によって入力され、デフォルト値は null) に基づいてテーブルをフィルター処理したいと考えています。カスタムパイプを使用すると、現在コンソールエラーが発生Cannot read property '0' of undefinedし、テーブルがページにレンダリングされず、ボタンが機能せず、フォームの検証も機能しません。カスタム パイプを app.module.ts の宣言にインポートします。範囲全体を示すために最小限のコードが含まれています。混乱を招くものや、さらに含めるものがある場合はお知らせください。

mainpage.component.html:

mainpage.component.ts:

検索パイプ.ts:

私の問題は、変換関数の不適切な構文/機能にあると思います。このような同様の問題を見てきましたが、自分のニーズに合わせてフォーマットできないようで、Angular2、特にパイプに慣れていません。

カスタムパイプを使用して正常にフィルタリングしたテーブルがあります。フィルタは、一緒にフォームである 2 つの入力に基づいています。追加したい機能は、送信ボタンがクリックされるまでフィルタリングが行われないようにすることです。つまり、検索ボタンのようなものです。パイプに関する多くの情報を見つけましたが、ボタンのクリック時にパイプをアクティブにすることについては何もありません。

mainpage.component.html:

mainpage.component.ts:

検索パイプ.ts:

変数を使用したいパイプがあります。コンポーネントで同じ変数が定義されています。この値をコンポーネントからパイプに渡すにはどうすればよいですか?

newChildDataComponent をnewValPipeに渡したい。

// HTML テンプレート

私はこのコードを持っていました：

しかし、私はそれをコンポーネントにしたので、今それを使用するには次のようになります:

result?.averagePriceしかし、通貨として表示する必要があります。ご覧のとおり、コンポーネントにする前にそれを行っていました。これを変換するにはどうすればよいですか:[value]='result?.averagePrice'次のような通貨パイプで渡すには:[value]='result?.averagePrice | currency:'USD':true:'1.2-2''

ドロップダウン用のカスタムパイプを作成しましたが、フィルタリングされた値がコンポーネントに渡されないようで、コンソールにもエラーはありません。

私のコンポーネント - テンプレート

users 配列は Web サービスから取り込まれます

私のカスタムパイプ

パイプが呼び出されていることを示すコンソール出力

パイプ フィルターに値を渡すときに問題が発生しました。コンポーネントから pagex という変数の形式で引数値を渡す必要がありますが、それを機能させるための構文が見つかりません... または何か不足しています。助けてくれてありがとう。

myComponent

以下は、値を手動で渡すことで機能します。

これはいけません、すでに多くの組み合わせを試しました...

マイパイプ

}

2選あります。

1Leaguesつと 1 つDivisions

選択内容に応じてPipeフィルタリングする を作成したいと考えています。DivisionsLeague

以下にデータを与えます。選択した場合Random Beer LeagueのみTwoFour、選択SixPackのオプションとして表示されるはずDivisionsです。

PLUNKER セットアップを表示する

*注 - plunker のデータはハードコードされていますが、私のアプリのセットアップでは Observable です。