問題タブ [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.
angular - リアクティブ形式での各コントロール変更のパイプ更新
リアクティブ形式でパイプを使用すると問題が発生します。で使用できるように、オブジェクトを配列に変換するパイプがあります*ngFor
。
これまでのところ良いです...問題は、入力を作成すると(フォームコントロールを使用して値をバインドする)*ngFor
、この入力の各変更がパイプの更新をトリガーすることです。その結果、入力に 1 文字を書き込むたびに入力がフォーカスを失います。
HTML:
そして私のパイプ:
問題を示すプランカーを次に示します。
書き込み時にパイプを非アクティブにするにはどうすればよいですか、またはパイプとは異なるアプローチを使用できますか?
オブジェクトを変更することはできず、不明なプロパティがあることに注意してください (item1
およびitem2
plunker の例で)
angular - Angular2 グループ化パイプ
angular コンポーネントにデータを表示するためのカスタム パイプを作成しようとしていますが、何らかの理由で成功しませんでした。このカスタム パイプを作成して、チケットを次の形式で表示するのを手伝ってくれる人はいますか? これが私のプランカーです。
sorting - Angular2 でカスタム パイプが正しく機能しない
パイプは、オブジェクトの配列をname
プロパティでソートする必要があります。
sort-by.pipe.ts:
app.component.html:
app.module.ts:
オブジェクトの配列:
オブジェクトを適切にソートしませんが、エラーもスローしません。
私のファイルに何か問題があるのでしょうか?
どんな助けでも大歓迎です!
json - パイプでフィルタリングされた後、ngFor でデータ出力の合計を表示します (Angular2)
オブジェクトの名前の値でフィルター処理するパイプ フィルターを適用した後、json オブジェクトの金額値の合計を表示しようとしています。これまでのところ、.json オブジェクトの名前の値で数値をフィルター処理できますが、パイプで .reduce() メソッドを使用して合計を見つけて表示することはできません。
パイプで名前の値によってフィルター処理された合計金額の合計を表示するにはどうすればよいですか?
最終的には、ユーザーに都市を検索して、同じ都市名で識別可能な各オブジェクトの数値の合計を表示してもらいたいと考えています。
(私はこのチュートリアルを構築しています https://www.youtube.com/watch?v=sVTNaYBVP88&list=PL4cUxeGkcC9jqhk5RvBiEwHMKSUXPyng0&index=22 )
json サンプル
コンポーネント HTML
合計パイプ
angular - サービスを使用してパイプ内の ID を解決する
パイプで ID を解決します。
毎回サービス/APIを呼び出すのは最善の方法ではないと思いますか?
すべての国を前に保存した方が良いですか?パイプ内で国名を返すにはどうすればよいですか?
サービス:
パイプ:
編集:
angular - Angular 2 DatePipe shortTime表示が6時間ずれています
として返される日時が"2016-12-20T19:00:00"
あり、次のパイプを使用しています: {{ dateObj | date:'shortTime' }}
7:00 PM と表示したい/期待していますが、代わりに 1:00 PM と表示されています。これはAngularのバグですか、それとも何か間違っていますか?