无法使用Angular显示完整的日历

Question

我正在尝试将ui-calendar添加到我的项目中，但日历不可见。

我正在使用bower安装ui-calendar，并添加了以下依赖项：

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

我在控制台中没有任何错误，但是日历没有显示。我在代码中遗漏了什么？

Answer 1

将您的HTML替换为

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

。您缺少日历类和配置。