Как мне ждать 2 события dateChange и выполнить функцию

Question

У меня есть 2 MatDatepickers для даты начала и окончания, и я запускаю функцию searchFilter для dateChange, вот так:

<input matInput [matDatepicker]="picker" placeholder="Start date" 
(dateChange)="searchFilter($event.value)">

<input matInput [matDatepicker]="picker2" placeholder="End date" 
(dateChange)="searchFilter($event.value)">

Мне нужно применить searchFilter с данными о событиях, если оба они запущены. Я новичок в Observables. Мне известен метод zip, который я могу использовать для ожидания двух наблюдаемых, но как я могу специально заархивировать только эти и эти события? Есть ли лучший способ сделать это?

Answer 1

Вы можете просто создавать формы на основе шаблонов, используя директиву NgModel.

<input matInput [matDatepicker]="picker" placeholder="Start date"[(ngModel)]="this.startDate"(dateChange)="searchFilter()">
<input matInput [matDatepicker]="picker2" placeholder="End date" [(ngModel)]="this.endDate" (dateChange)="searchFilter()">

и в component.ts объявляем переменные и инициализируем их, а также создаем функцию

startDate: any = '';
endDate: any = '';
searchFilter(): any {
 if(this.startDate != '' && this.endDate != '') do something
}