help(mat-date-range-picker): Getting date range values from Reactive FormGroup
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
#### What are you trying to do?
I would like to use the date range picker in a reactive form and emit an event when the FormGroup's value changes.
I'm subscribing to the valueChanges Observable on the FormGroup and emitting an event when a value changes.
#### What troubleshooting steps have you tried?
I am seeing many events being emitted when the FormGroup is initialized (4x). And when the form control's value is modified at runtime via button click there are even more events emitted.
Is a way to filter down the valueChange events coming from the FormGroup? I realize I could filter the values coming through the valueChange Observable but I'm not sure how to know which value is the one I'm after.
#### Reproduction
https://stackblitz.com/edit/date-time-picker-reactive-form?file=src/app/date-range-picker.ts
#### Environment
- Angular: 10.2.4
- CDK/Material: 10.2.7
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows
コントリビューションガイド
調査の方向性
リンクされている StackBlitz の再現手順、特に src/app/date-range-picker.ts から始め、初期化時およびボタン更新時の mat-date-range-picker FormGroup valueChanges サブスクリプションを追跡してください。繰り返し発生する emission が Angular Material のバグなのか、リアクティブフォームで想定される動作なのかを確認してください。この issue では、具体的なコード変更も完了を確認するためのテストも指定されていません。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 25/100