运行角度日历的官方例子

Question

我试图运行angular-calendar组件的官方示例:http://angular-ui.github.io/ui-calendar/

但是,我收到错误:TypeError:undefined不是一个函数 - 显然函数scope.calendar.fullCalendar是未定义的

这是我包含的JS文件:

<script src="../public/components/angular/angular.js"></script>
<script src="../public/components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="../public/components/jquery/jquery.min.js"></script>
<script src="../public/components/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="../public/components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../public/components/fullcalendar/fullcalendar.js"></script>
<script src="../public/components/fullcalendar/gcal.js"></script>
<script src="../public/components/angular-ui-calendar/src/calendar.js"></script>
<script src="../public/components/fullcalendar/gcal.js"></script>

你能帮我找到问题吗？

Answer 1

在 angular 之前加载jQuery (和jquery 之后的 fullcalendar ):

<!-- First jQuery -->
<script src="../public/components/jquery/jquery.min.js"></script>
<script src="../public/components/jquery-ui/ui/minified/jquery-ui.min.js"></script>

<!-- then angular -->
<script src="../public/components/angular/angular.js"></script>
<script src="../public/components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="../public/components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- fullcalendar -->
<script src="../public/components/fullcalendar/fullcalendar.js"></script>
<script src="../public/components/fullcalendar/gcal.js"></script>

<!-- angular-ui-calendar -->
<script src="../public/components/angular-ui-calendar/src/calendar.js"></script>