Vollständiger Kalender kann nicht mit Angular angezeigt werden - javascript, angularjs, fullcalendar

Ich versuche, UI-Kalender in mein Projekt aufzunehmen, aber der Kalender ist nicht sichtbar.

Ich installiere ui-calendar mit Laube und fügte folgende Einstellungen hinzu:

    <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css" />
<script src="bower_components/moment/moment.js"></script>
<script src="bower_components/fullcalendar/dist/fullcalendar.js"></script>
<script src="bower_components/angular-ui-calendar/src/calendar.js"></script>

Ich folge dem Beispiel in github und füge dieses div in meine HTML-Ansicht ein.

<div ui-calendar="uiConfig.calendar" ng-model="eventSources">

In meinem Controller füge ich die anfängliche Konfiguration hinzu:

    $scope.uiConfig = {
calendar:{
height: 450,
editable: true,
header:{
left: "month basicWeek basicDay agendaWeek agendaDay",
center: "title",
right: "today prev,next"
},
dayClick: $scope.alertEventOnClick,
eventDrop: $scope.alertOnDrop,
eventResize: $scope.alertOnResize
}
};

Ich habe keine Fehler in der Konsole, aber der Kalender wird nicht angezeigt. Was fehlt mir in meinem Code?

Antworten:

Ersetzen Sie Ihr HTML durch

<div class="calendar" ng-model="eventSources"
config="campaignsCalendarConfig" ui-calendar="campaignsCalendarConfig"></div>

. Es fehlt eine Kalenderklasse und Konfiguration.