无法使用 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>

。你缺少日历类和配置。