Блог

Я работаю над компонентом fullcalendar-angular, где у меня есть пользовательская кнопка под названием фильтр, при нажатии на нее модальные/диалоговые/пункты меню должны открываться так же, как выпадающий список. Итак, как мы реализуем это в функции щелчка пользовательской кнопки? есть ли способ добавить HTML и как? как показано на рисунке.

 calendarOptions:CalendarOptions = {
        initialView:'dayGridMonth',
        themeSystem:'bootstrap',
        nowIndicator:true,
        //showNonCurrentDates:false,
        fixedWeekCount:false,
        customButtons:{
            myCustomBtton: {
                bootstrapFontAwesome:'fas fa-sliders-h',
                click: function(click,element){
                    //how do i add the code here`enter code here`
                },
            },
        },
        headerToolbar:{
            left:'prev,next today',
            center:'title',
            right:'dayGridMonth,dayGridWeek,dayGridDay,listMonth myCustomBtton'
        },
 

fullcalendar-изображение пользовательской кнопки angualr

Я новичок в Angular, но мне удалось создать раскрывающийся список, просто введя HTML-код для раскрывающегося списка с помощью функции, вызываемой после крючка eventDidMount.

https://fullcalendar.io/docs/event-render-hooks

Я с удовольствием дам вам несколько примеров CSS/JS, чтобы показать, скрыть выпадающий список, если это вам полезно.