問題タブ [angular-pipe]

angular 2 で検索パイプをセットアップしています。angular beta 14を使用していたとき、検索パイプは完全に機能していましたが、rc5にアップグレードしたところ、検索パイプが壊れてエラーが発生しました。HTMLコードからパイプを削除すると、製品がロードされます。これは一般的な検索およびフィルター パイプであり、多くのモジュールで使用する必要があります。問題の解決にご協力ください。

search.pipe.ts

list-products.component.html

RC5 でビルドしたアプリを最終リリースにアップグレードしたところですが、ディレクティブとパイプを宣言する方法がわかりません。次のエラーが表示されます。

ERROR in [default] C:\xampp\htdocs\meriem-car\public\src\app\components\administration.component.ts:12:4 タイプの引数 '{ moduleId: string; セレクター: 文字列; ディレクティブ: typeof LoginComponent[]; templateUrl: 文字列; }' は、タイプ 'Component' のパラメーターに割り当てることはできません。オブジェクト リテラルは既知のプロパティのみを指定でき、「ディレクティブ」はタイプ「コンポーネント」には存在しません。

angular 1 にはfiltersがあり、これらのフィルターはDOM と Typescript/Javascript の両方で使用できます。Angular 2ではパイプを使用してそのようなことを行いますが、パイプは DOM でのみ使用するためにアクセスできます。Typescipt (コンポーネント) でパイプ関数を使用する他の方法はありますか? 誰かがこれについて知っているなら助けてください。

例：

というユーザー定義のパイプを作成しましたpriceFilterが、Javascript/Typescript で同じフィルタリングを行いたいと考えています。

Truncate パイプを実装しようとしています:

どういうわけか、私のテンプレートでは常に が出力undefinedされtruncateCharますが、amount.

私のテンプレートでは、次の構文を（独自の順番で）試しました。

複数の引数 (最大文字とオプションの末尾文字) を使用してこれを実装するにはどうすればよいですか?

検索バーがあり、作成したいパイプを使用して、受信したjsonまたはオブジェクトの配列のすべての文字列または列を検索できるようにしたいと考えています。したがって、テーブルでこの結果を更新できます。

カスタムパイプの今まで持っているもの:(私がしようとしていることをしません)

HTML を検索 <input type="text" #filterInput (keyup)="0">

テーブル呼び出しパイプへの読み込み

次のようなダミーコンテンツがあります。

limitTo文字列でAngular2でパイプを実行しようとしています:

そして、次のエラーが表示されます。

このパイプがAngular2で削除された可能性はありますか?

これは私のapp.module

import { TruncatePipe } from './limit-to.pipe';

パイプを使用している私のグリッド コンポーネント:

私のパイプ定義:

そして最後に私のテンプレート：

モデルのプロパティとしてキーワードの配列があります。ここで、それをコンマ区切りの文字列として入力に表示し、ユーザーが入力したときにそれを配列に変換したいと考えています。

(ngModelChange)出力を変更する結合パイプを作成しましたが、反対方向 (カンマ区切りの文字列から文字列配列に変換) で同様の結果を得る方法がわかりません。

コンポーネントにメソッドを追加してそこで実行できることはわかっていますが、この操作を多くの異なるコンポーネントで実行する必要がある場合はどうすればよいでしょうか。パイプのようにhtmlで利用できるように、いくつかの関数をangularに登録したいと思います。

たぶん、これは私が必要としているものを達成するための最良の方法ではなく、他の方向で考える必要がありますか?

他に2つの選択肢があります：

1. そのような入力用のコンポーネントを作成するとうまくいきますが、他の（入力以外の）コンポーネントで必要になる場合があります。

2. モデルに追加のプロパティを追加し、モデル自体が変換を担当するようにします (または、別のコンストラクターまたは何かを持つ文字列配列の代わりに、キーワードにクラスを使用します。それを角度モデルに接続する方法がわかりません)。