問題タブ [angular2-pipe]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1338 参照

angular - リアクティブ形式での各コントロール変更のパイプ更新

リアクティブ形式でパイプを使用すると問題が発生します。で使用できるように、オブジェクトを配列に変換するパイプがあります*ngFor

これまでのところ良いです...問題は、入力を作成すると(フォームコントロールを使用して値をバインドする)*ngFor、この入力の各変更がパイプの更新をトリガーすることです。その結果、入力に 1 文字を書き込むたびに入力がフォーカスを失います。

HTML:

そして私のパイプ:

問題を示すプランカーを次に示します。

書き込み時にパイプを非アクティブにするにはどうすればよいですか、またはパイプとは異なるアプローチを使用できますか?

オブジェクトを変更することはできず、不明なプロパティがあることに注意してください (item1およびitem2plunker の例で)

0 投票する
1 に答える
2202 参照

angular - Angular2 グループ化パイプ

angular コンポーネントにデータを表示するためのカスタム パイプを作成しようとしていますが、何らかの理由で成功しませんでした。このカスタム パイプを作成して、チケットを次の形式で表示するのを手伝ってくれる人はいますか? これが私のプランカーです。

0 投票する
2 に答える
650 参照

sorting - Angular2 でカスタム パイプが正しく機能しない

パイプは、オブジェクトの配列をnameプロパティでソートする必要があります。

sort-by.pipe.ts:

app.component.html:

app.module.ts:

オブジェクトの配列:

オブジェクトを適切にソートしませんが、エラーもスローしません。
私のファイルに何か問題があるのでしょうか?

どんな助けでも大歓迎です!

0 投票する
1 に答える
781 参照

json - パイプでフィルタリングされた後、ngFor でデータ出力の合計を表示します (Angular2)

オブジェクトの名前の値でフィルター処理するパイプ フィルターを適用した後、json オブジェクトの金額値の合計を表示しようとしています。これまでのところ、.json オブジェクトの名前の値で数値をフィルター処理できますが、パイプで .reduce() メソッドを使用して合計を見つけて表示することはできません。

パイプで名前の値によってフィルター処理された合計金額の合計を表示するにはどうすればよいですか?

最終的には、ユーザーに都市を検索して、同じ都市名で識別可能な各オブジェクトの数値の合計を表示してもらいたいと考えています。
(私はこのチュートリアルを構築しています https://www.youtube.com/watch?v=sVTNaYBVP88&list=PL4cUxeGkcC9jqhk5RvBiEwHMKSUXPyng0&index=22 )

json サンプル

コンポーネント HTML

合計パイプ

0 投票する
1 に答える
351 参照

angular - サービスを使用してパイプ内の ID を解決する

パイプで ID を解決します。

毎回サービス/APIを呼び出すのは最善の方法ではないと思いますか?

すべての国を前に保存した方が良いですか?パイプ内で国名を返すにはどうすればよいですか?

サービス:

パイプ:

編集:

0 投票する
0 に答える
542 参照

angular - Angular 2 DatePipe shortTime表示が6時間ずれています

として返される日時が"2016-12-20T19:00:00"あり、次のパイプを使用しています: {{ dateObj | date:'shortTime' }}7:00 PM と表示したい/期待していますが、代わりに 1:00 PM と表示されています。これはAngularのバグですか、それとも何か間違っていますか?