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

sudo

。你缺少日历类和配置。