Question

我在我的一个事件管理应用程序中使用此tool。然而，此工具本身是this工具的角度版本。原始工具使用各种模板和下划线模板引擎来渲染日历及其各种视图。

我对下划线知之甚少，但我能够调整原始代码的模板，进行一些更改并自定义视图。

但是，由于我的是一个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
    };

很少有型号出口，但我无法完全掌握它。

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

Answer 1

嗯，事实证明你可以完全取代这个日历的各种视图，这非常棒。也许是所有其他可用版本的最大优势。

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

将这些模板传递给指令非常简单，可以按照以下方式完成：

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

这将取代整个模板。希望它可以帮到某人。

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

1 个答案: