javascript - How to customize Angular based Bootstrap Event Calender? -

i using tool in 1 of application event management. tool angular version of this tool. original tools uses various templates , underscore templating engine rendering calendar , various views.

i not have knowledge of underscore, able tweak original code's template make few changes , customize view.

however, since mine angular app, migrated angular version now. now, having hard time, understanding how templates have been converted in angular. placed? how identify 1 , above how change template.

for example: change the way event shown in month view (circle) the way shown in week view (strips). there few other customization require.

there seems no questions on tool on so. few links found across internet not relevant. while tweaking around found :

var map = {         "./calendar.html": 14,         "./calendardayview.html": 15,         "./calendarhourlist.html": 16,         "./calendarmonthcell.html": 17,         "./calendarmonthcellevents.html": 18,         "./calendarmonthview.html": 19,         "./calendarslidebox.html": 20,         "./calendarweekview.html": 21,         "./calendaryearview.html": 22     }; 

few models being exported, unable grasp it.

can have , direct me better direction.

well, turns out can replace various views of calendar, pretty awesome. perhaps biggest advantage on other available versions.

you can keep templates within <script> tags in html (index.html may be). , can pass on these templates replace original ones. can find original ones here

passing these templates directive easy , can done as:

custom-template-urls="{calendaryearview: 'customyearcell.html', calendarmonthcell: 'custommonthcell.html', calendarslidebox:'customslidebox.html'}"

this shall replace entire template. hope helps someone.