当使用angularjs调用日历函数时，呈现一个新的完整日历实例

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script>

app.controller('CalendarController', function($scope) {
  $scope.calendarConfig = {
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    events: [
      {
        title: 'Event 1',
        start: '2022-01-01'
      },
      {
        title: 'Event 2',
        start: '2022-01-05',
        end: '2022-01-07'
      }
      // 添加更多事件...
    ]
  };
});

<div ng-controller="CalendarController">
  <div id="calendar" ui-calendar="calendarConfig"></div>
</div>