Javascript 切换月份和行显示时的ui日历问题

我正在使用ui calendar v:1.0.1， fullcalendar v:2.4.0

这就是我的问题：当我在日历中的月份之间切换时，所有的月份都消失了。 我做了一项研究，发现从angular ui calendar行279修改calendar.js

eventsWatcher.onAdded = function(event) {
calendar.fullCalendar('renderEvent', event, (event.stick ? true : false));
};

为了

这就是诀窍。 但我正在寻找更好的解决方案

我对日历的2º问题是，有时它不能正确地渲染线条，当我更改窗口的尺寸时，一些线条会出现，而另一些线条会消失

    $scope.events.push({
      id: evento.id,
      title: evento.name,
      start: evento.fecha,
      allDay: true,
      stick:true //trick
    });

现在是代码

<div class="col-lg-8">
      <h3 class="section-subheading text-muted"></h3>
      <div ui-calendar="uiConfig.calendar" class="span8 calendar" ng-model="eventSources"></div>
</div>

和控制器

angular.module('lararraizApp')
.controller('EventoCtrl', function ($scope, Evento, uiCalendarConfig, $q) {


$scope.eventos = Evento.query();
$scope.eventSources=[[]];
/*    Evento.query({}, function(response) {
  angular.forEach(response, function(evento){
    $scope.eventSources.push({
      id: evento.id,
      title: evento.name,
      start: evento.fecha,
      allDay: true
    });
  });
});*/

Evento.query().$promise.then(function(res){
  angular.forEach(res, function(evento){
    $scope.eventSources[0].push({
      id: evento.id,
      title: evento.name,
      start: evento.fecha,
      allDay: true
    });
  });
});
//$scope.eventSources.push({title: 'All Day Event',start: new Date(),url: 'http://www.angularjs.org'});

//$scope.eventSources = [$scope.events];

$scope.uiConfig = {
  calendar: {
    lang: 'es-es',
    header: {
      left: 'title',
      right: 'prev,next'
    },
    firstDay: 1,
    monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
    closeText: 'Cerrar',
    prevText: '<Ant',
    nextText: 'Sig>',
    currentText: 'Hoy',
    monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
    dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
    dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
    dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
    weekHeader: 'Sm',
    dateFormat: 'dd/mm/yy',
    selectable: true,
    selectHelper: true,
    unselectAuto: true,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: '',
    eventClick: function(calEvent, jsEvent, view) {

      angular.forEach($scope.eventos, function (e, i) {
        if (e.id === calEvent.id) {
          $scope.eventoAct = e;
        }
      });

    },
    dayClick: $scope.alertOnEventClick
  }
};
});

angular.module（'lararrarizapp'））
.controller（'EventoCtrl'，函数（$scope，Evento，uiCalendarConfig，$q）{
$scope.eventos=Evento.query（）；
$scope.eventSources=[[]]；
/*查询（{}，函数（响应）{
angular.forEach（响应、函数（事件）{
$scope.eventSources.push({
id:evento.id，
标题：evento.name，
开始：evento.fecha，
全天：没错
});
});
});*/
Evento.query（）.$promise.then（函数（res）{
角度。forEach（res，function（evento）{
$scope.eventSources[0]。推送({
id:evento.id，
标题：evento.name，
开始：evento.fecha，
全天：没错
});
});
});
//$scope.eventSources.push（{title:'All Day Event'，start:new Date（），url:'http://www.angularjs.org'});
//$scope.eventSources=[$scope.events]；
$scope.uiConfig={
日历：{
朗：“是的”，
标题：{
左：'标题'，
右图：“上一页，下一页”
},
第一天：1，
monthNames:['Enero'，'Febrero'，'Marzo'，'Abril'，'Mayo'，'Junio'，'Julio'，'Agosto'，'Septiembre'，'Octubre'，'Noviembre'，'Diciembre']，
closeText:“Cerrar”，
上一个文本：“”，
当前文本：“Hoy”，
月信息：['Ene'，'Feb'，'Mar'，'Abr'，'May'，'Jun'，'Jun'，'Ago'，'Sep'，'Oct'，'Nov'，'Dic']，
日名：[“多明戈”、“卢恩斯”、“马蒂斯”、“米尔科勒”、“朱埃夫斯”、“维尔内斯”、“萨巴多”]，
dayNamesShort:['Dom'，'Lun'，'Mar'，'Mié'，'Juv'，'Vie'，'Sáb']，
dayNamesMin:['Do'，'Lu'，'Ma'，'Mi'，'Ju'，'Vi'，'Sá]，
周刊头条：“Sm”，
日期格式：“日/月/年”，
是的，
selectHelper:对，
unselectAuto:true，
isRTL：错，
showmont第三年：假，
年份后缀：“”，
eventClick:函数（calEvent、jsEvent、view）{
angular.forEach（$scope.eventos，function（e，i）{
如果（e.id==calEvent.id）{
$scope.eventoAct=e；
}
});
},
dayClick:$scope.alertOnEventClick
}
};
});

任何帮助都将不胜感激

---

你好。

最后我可以回答我自己的问题了

您只需将属性stick添加为true，当您在月份之间切换时，它们不会消失

    $scope.events.push({
      id: evento.id,
      title: evento.name,
      start: evento.fecha,
      allDay: true,
      stick:true //trick
    });

无论如何，谢谢你

---

关于线条渲染问题，我仍然坚持这一点。我检查了一些浏览器是否正确显示了它，所以我不知道这是编码还是库问题。

最后我可以回答我自己的问题

您只需将属性stick添加为true，当您在月份之间切换时，它们不会消失

    $scope.events.push({
      id: evento.id,
      title: evento.name,
      start: evento.fecha,
      allDay: true,
      stick:true //trick
    });

无论如何，谢谢你

关于线条渲染问题，我仍然坚持这一点。我已经检查了一些浏览器是否正确显示了它，所以我不知道这是编码还是库问题