Блог

Главная - Вопросы по программированию - Событие щелчка в угловом календаре

Событие щелчка в угловом календаре

#an&ular #an&ular-calendar

#an&ular #an&ular-календарь

Вопрос:

Я основываюсь на этом потоке.

Я мог бы добавить метод, позволяющий отображать модальное (всплывающее окно) после нажатия на существующее событие, представленное этим захватом:

с помощью этого кода:

  <mwl-calendar-week-view
    *n&SwitchCase="CalendarView.Week"
    [viewDate]="viewDate"
    [events]="events"
    [refresh]="refresh"
    (eventTimesChan&ed)="eventTimesChan&ed($event)"
    (eventClicked)="openModal($event.event)"&&t;

Я застрял в том, как отображать модальное значение после нажатия на пустую ячейку, в которой нет никакого события, подобного объясненному этим захватом:

Не могли бы вы, пожалуйста, дать мне несколько предложений. Большое спасибо.

Ответ №1:

В каком html-элементе есть пустая ячейка?

Вы можете выполнить (щелкнуть) на любом html-элементе, например

 <div (click)="onClickEmptyCell()"&&t;<!-- empty cell --&&t;</div&&t;

Комментарии:

1. Здравствуйте, сэр @ThorstenRintelen, большое спасибо за ваш ответ. Я хотел бы внести изменения в <mwl-calendar-week-view (я добавил код к своему вопросу) -&&t; (eventClicked) работает только с ячейкой с завершающим событием (как показано на рисунке 1). Это невозможно сделать с пустой ячейкой (ячейка без события: как показано на рисунке 2). Есть ли у вас, пожалуйста, какая-нибудь идея, как это сделать?. Еще раз спасибо, сэр.

Ответ №2:

Чтобы решить мою проблему, я обращаюсь к этому потоку https://an&ular-calendar.com/#/dra&-to-create-events.

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

Я получил это обходное решение из ответа @SariaEssid.