Impossibile visualizzare il calendario completo con Angular - javascript, angularjs, fullcalendar

Sto cercando di aggiungere ui-calendar nel mio progetto ma il calendario non è visibile.

Sto installando ui-calendar con bower e ho aggiunto queste dipendenze:

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

Seguo l'esempio in github e ho aggiunto questo div nella mia vista html.

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

Nel mio controller, aggiungo la configurazione iniziale:

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

Non ho errori nella console ma il calendario non è visualizzato. Cosa mi manca nel mio codice?

risposte:

Sostituisci il tuo HTML con

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

. Mancano la classe e la configurazione del calendario.