title: Angular bootstrap calendar doesnt update view after adding or updating events
body: <p>I am using mattlewis bootstrap calendar.Events are displaying correctly.But if i add new event to calendar it duplicates the events in other dates instead of adding event to the added date.<strong>Only after refreshing the page everything works</strong> fine.I tried $scope.$apply also.But nothing seems to work.</p>
  
  <p><strong>Here is my html</strong></p>
  
  <pre><code>&lt;mwl-calendar events="events" view="calendarView" 
      view-date="viewDate" view-title="calendarTitle"
      on-event-click="eventClicked(calendarEvent)"
      on-event-times-changed="eventTimesChanged(calendarEvent);
      calendarEvent.startsAt = calendarNewEventStart; calendarEvent.endsAt = calendarNewEventEnd"
      cell-is-open="cellIsOpen" day-view-start="06:00"
      day-view-end="22:59" day-view-split="30"
      cell-modifier="cellModifier(calendarCell)"
      on-event-click="eventClicked(calendarEvent)"
      cell-auto-open-disabled="true"
      on-timespan-click="timespanClicked(calendarDate, calendarCell)"&gt;
  &lt;/mwl-calendar&gt;
  </code></pre>
  
  <p><strong>Controller.js</strong></p>
  
  <pre><code>$scope.events = [];
  $scope.myevents = function(start, end, timezone, callback) {
      SalesNotifyService.getAllNotify().then(function(response) {
          $scope.allleadnotify  = response.data;
          console.log($scope.allleadnotify);
          var events = [];
          angular.forEach($scope.allleadnotify,function(event,key){
              var today = new Date();
              var notifyDates = new Date(event.notifyDate);
              if(event.leadName!=null){
                  $scope.events.push({
                      title: event.notifyType,
                      startsAt : event.notifyDate,
                      endsAt : event.notifyEndDate,
                      withoffender: event.leadName,
                  });
              } else {
                  $scope.events.push({
                      title: event.notifyType,
                      startsAt : event.notifyDate,
                      endsAt : event.notifyEndDate,
                      withoffender: '',
                  });
              }
          });
      });
  }
  </code></pre>
  
  <p>Now after save i am calling $scope.myevents function like this</p>
  
  <pre><code>SalesNotifyService.saveNotify(notify).then(function(response){
      $scope.notify = response.data;
      $scope.myevents();
  });
  </code></pre>
  
  <p>But even if i call myevents function events are not populating in calendar properly.If i already have events then after adding new event the old events are duplicating and displaying.If i reload the page then everything is fine.In html i am calling myevents function in ng-init.Can anyone tell how to display events properly after adding the event without reloading the page?</p>