問題タブ [angular2-pipe]

今回はAPIからデータを取得していますが、フィルタリングしたいと思います。ログインはこちら。ユーザー -> ステータスによるフィルター (有効または無効)

次のファイルがあります

• people.component.ts
• people.component.html
• people.pipe.ts

JSON ファイル

• {"名前": "アナ","ステータス": "有効"},
• {"名前": "マルセロ","ステータス": "有効"},
• {"名前": "ロッド","ステータス": "無効"}

people.component.ts

people.pipe.ts

people.component.html

デフォルトでは「有効」でフィルタリングされていますが、変数を過去のタブに転送してフィルターの値を変更することはできません

参照: https://angular.io/docs/js/latest/api/common/SlicePipe-class.html。文字列オブジェクトの最初の 20 文字をスライスしようとしています。

試した：

と

ここで item.description は String 型です

注：テンプレートを使用して説明の値を取得しています{{item.description}}が、スライスすると表示されます

パイプ「SlicePipe」の無効な引数「未定義」

どんな助けでも素晴らしいでしょう。

スイスドイツ語の数値形式は、「100'000.00」のようなものです (「100,000.00」ではありません)。どうすればそれを変更できますか? number_pipe.js の設定を en-US から de-CH に変更しようとしましたが、成功しませんでした。

回避策はありますか、それとも独自のパイプを実装する必要がありますか?

es5を使用してangular2アプリを構築しています。2 つの異なるリストをフィルタリングするための 2 つの検索入力フィールドがある 1 つの画面があります。

そのために、以下に示すように2つの異なるパイプを定義しました

component1.js

実行時に「パイプが見つかりません」というエラーが発生します

また興味深いのは、コンポーネントのパイプから宣言のいずれかを削除すると、機能していることです。

更新しました

以下のようにhtmlで使用されるフィルター

誰もこの問題に直面しましたか?

私はこのようなjsonを持っています:

*ngForテンプレートがレンダリングされた後にこのようになるパイプを作成したい（IDに応じて小さいものから大きいものへのリスト）

angular 2はPIPEこの作品に持っていますか？または、このようなパイプを作成する必要がありますか?(方法)

選択した false に基づいてその要素のみをフィルタリングするように、要素の配列用に角度のある 2 パイプを作成しようとしています。

私の配列

選択されたfalseの値をフィルタリングする必要があります。

私のパイプコード

私の HTML 実装

パイプが期待どおりに機能しない場合は、コードに問題がある場合は修正してください

アプリケーションの言語を最初に変更すると、翻訳サービスが新しい言語を表すファイルを要求します。「スマート」コンポーネントの文字列は更新を正しく反映しますが、「純粋/ダム」コンポーネントは反映されず、以前の言語。ただし、新しい言語ファイルがキャッシュに読み込まれ、言語を変更し続けると、すべて正常に動作するように見えます。

純粋なコンポーネントは、新しい言語ファイルの ajax 応答からの更新を解決していないようです。ファイルが既にキャッシュに読み込まれている場合にのみ、言語が正しく変更されます。繰り返しますが、これは ChangeDetectionStrategy.OnPush を使用しているコンポーネント専用です。

ダム コンポーネントで Inputs と Observables を使用して changeDetection を理解していますが、この場合のパイプに関してはあまり詳しくありません。おそらく私は何かを逃していますか？

UDPATE

私はなんとか修正をハックしました。それは素晴らしいものではありませんが、機能します。これは、翻訳サービスをラップする私のサービスのコンストラクターです。

選択しようとしている言語の言語 json ファイルが既にキャッシュにあるかどうかを確認します。持っていない場合は、ng2-translate の「reloadLang」メソッドを使用して取得します。取得したら、空のタイムアウトを使用してから、「translate.use」を呼び出します。タイムアウトを取ると機能しないため、どこかにタイミングの問題があります。切り替えようとしている翻訳ファイルが既にある場合は、通常どおり translate.use を使用するだけで、すべて正常に動作します。

}

ここで何が起こっているのか完全にはわかりませんが、ChangeDetectionStrategy.OnPush の使用と、翻訳ファイルの要求からの新しい応答が混在しているようです。他の誰かがこれを見ている場合は、あなたの意見を追加してください。