如何自定義基於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事件日曆？

回答

相關問題