Angular 通用角度元件的NgRx设计

我有一个通用的日期选择器：

datepicker.component.html

<mat-form-field>
    <mat-label>{{ label }}</mat-label>
    <input matInput [matDatepicker]="picker" [(ngModel)]="selectedDate" (dateInput)="emit()"> 
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

例如，如果我在一个组件中需要两个日期选择器，我可以在两行代码中完成：

<app-datepicker label="Select start date" [(selectedDate)]="dateFrom"></app-datepicker>
<app-datepicker label="Select end date" [(selectedDate)]="dateTo"></app-datepicker>

使用此设置，我只需要在父组件中声明变量（在本例中为dateFrom和dateTo），并且只要选定的日期发生更改，变量就会更新

---

使用NgRx可以做到这一点，而不必为每个州创建新的减速器吗？

是，搜索NgRx实体。

<app-datepicker label="Select start date" [(selectedDate)]="dateFrom"></app-datepicker>
<app-datepicker label="Select end date" [(selectedDate)]="dateTo"></app-datepicker>