Не може да се покаже пълен календар с ъглово - javascript, angularjs, fullcalendar

Опитвам се да добавя ui-календар в моя проект, но календарът не се вижда.

Аз съм инсталирате ui-календара с беседка и добавих следните недостатъци:

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

Следвам примера в github и добавя този div в моя HTML изглед.

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

В моя контролер добавям първоначалния конфиг:

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

Нямам никакви грешки в конзолата, но календарът не се показва. Какво ми липсва в моя код?

Отговори:

Заменете HTML с

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

, U "липсва класа и конфигурацията на календара.