Когда я закрываю модальное окно, мне нужно вызвать функцию (установить false или сбросить содержимое модального окна с помощью элементов управления формы), но я не нашел никакого обработчика для события после щелчка, как я мог это сделать?
<clr-modal [(clrModalOpen)]="opened" [clrModalStaticBackdrop]="true">
...
</clr-modal>
Спасибо.
[(clrModalOpen)]="opened" - это просто синтаксический сахар для
[clrModalOpen]="opened" (clrModalOpenChange)="opened = $event"
(см. https://angular.io/guide/template-syntax#two-way-binding--- для получения дополнительной информации).
Итак, в вашем случае обработчик событий - (clrModalOpenChange). Также обратите внимание, что в Angular выходы не запускаются, когда изменение происходит от соответствующего входа в двусторонней привязке, потому что это приведет к возникновению цикла. Это означает, что если ваша собственная кнопка «Закрыть» обновляет модальное окно через ввод, вывод не будет запущен. Решение состоит в том, чтобы просто убедиться, что ваш обработчик вызывается как из наших выходных данных, так и из вашего собственного метода, чтобы закрыть модальное окно, если оно есть.
Поскольку меня попросили привести живой пример, вот два из них:
Я предпочитаю первый, потому что в таких простых геттерах и сеттерах нет рисков для производительности. Но я подумал, что, поскольку я упомянул синтаксис без сахара, я мог бы также показать пример.
