如何自定义基于Angular的Bootstrap事件日历？

我在我的一个应用程序中使用这个tool进行事件管理。但是，该工具本身是this工具的角度版本。原始工具使用各种模板和下划线模板引擎来渲染日历及其各种视图。如何自定义基于Angular的Bootstrap事件日历？

我没有太多下划线的知识，但是我能够调整原始代码的模板以进行少量更改并自定义视图。

但是，由于我是一个Angular应用程序，现在我已经迁移到Angular版本。现在，我很困难，了解模板如何在Angular中转换。他们在哪里放置？我怎么能确定一个和最重要的如何更改模板。

例如：我想将the way an event is shown in the month view (circle)更改为the way it is shown in week view (strips)。我需要的其他定制很少。

在SO上这个工具似乎几乎没有任何问题。我在互联网上发现的几个链接并不相关。虽然调整各地，我发现：

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 
    };

几个型号已出口，但我无法完全掌握它。

有人可以看看并指导我走向更好的方向。

来源

2016-07-28 Saurabh Tiwari

那么，事实证明，你可以完全取代这个日历的各种意见，这真是太棒了。也许是所有其他可用版本的最大优势。

您可以将您的模板保存在您的html中的<script>标签内（index.html可能）。你可以传递这些模板来替换原来的模板。你可以找到所有原有的here

传递这些模板指令是容易的，是可以做到：

custom-template-urls="{calendarYearView: 'customYearCell.html', calendarMonthCell: 'customMonthCell.html', calendarSlideBox:'customSlideBox.html'}"

这将替换整个模板。希望它能帮助别人。

来源

2016-08-31 05:07:09

如何自定义基于Angular的Bootstrap事件日历？

回答

相关问题