Angular Событие щелчка на значке переключателя DatePicker.

Question

Можно ли каким-то образом отловить событие клика на значке переключателя DatePicker для материала angular? Я хочу триггерную функцию foo ().

Моя реализация выглядит следующим образом:

          <mat-form-field class="example-full-width">
            <input matInput [matDatepicker]="picker" placeholder="Date">
            <mat-datepicker-toggle matSuffix [for]="picker" (click)="foo()"></mat-datepicker-toggle>
            <mat-datepicker #picker></mat-datepicker>
          </mat-form-field>

Я уже пробовал поставить (click) = "foo ()" mat-datepicker-toggle и mat -datepicker элемент, но событие не сработало.

Answer 1

Используйте открытый и закрытый источник событий, предоставляемый angular компонентом выбора даты, для прослушивания открытия и закрытия компонента calander.

<mat-form-field class="example-full-width">
            <input  matInput [matDatepicker]="picker" placeholder="Date">
            <mat-datepicker-toggle            
             matSuffix [for]="picker" (click)="foo()"></mat-datepicker-toggle>
            <mat-datepicker 
            #ref
            (opened)="toggle(ref)"
            (closed)="toggle(ref)"
            #picker></mat-datepicker>
</mat-form-field>

Пример

Answer 2

Попробуйте (focus) = "foo ()" вместо (click) = "foo ()"