title: AngularJS and Fullcalendar: eventClick works only first time
body: <p>I'm using the Angular module based on fullcalendar: <a href="https://github.com/angular-ui/ui-calendar" rel="nofollow">https://github.com/angular-ui/ui-calendar</a> along with the dialog module from ng-bootstrap. I configured the calendar to show a dialog for editing an event on eventClick action. It works fine only once. After closing first dialog and clicking again on any event new dialog doesn't show. But when I click on any other link on page, all desired dialogs shows one by one like they're queued somewhere some way.</p>
  
  <p>Here's snippet from my controller:</p>
  
  <pre><code> $scope.showEditVisitDialog = function (event) {
      var editVisitDialogOpts = {
          backdropClick: false,
          templateUrl: 'views/addEditVisitDialog.html',
          controller: 'AddEditVisitDialogController',
          resolve: {
              patientId: function () {
                  return event.patientId;
              },
              visitId: function () {
                  return event.id;
              }
          }
      };
      var editVisitDialog = $dialog.dialog(editVisitDialogOpts);
      editVisitDialog.open().then(function (updatedVisit) {
      //some action
      });
  };
  
  
  $scope.calendar = {
      height: 450,
      editable: true,
      header: {
          left: 'month agendaWeek ',
          center: 'title',
          right: 'today prev,next'
      },
      eventClick: $scope.showEditVisitDialog
  };
  $scope.events = [];
  $scope.eventSources = [$scope.events]
  </code></pre>
  
  <p>Events are fetched from REST later in the controller.</p>
  
  <p>In html:
      <code>&lt;div ui-calendar="calendar" config="calendar" ng-model="eventSources"/&gt;</code></p>
  
  <p>No errors in console, what am I doing wrong?</p>
  
  <p>Code on plunker: <a href="http://plnkr.co/edit/89sQfsU85zN4uxauFI2Y?p=preview" rel="nofollow">http://plnkr.co/edit/89sQfsU85zN4uxauFI2Y?p=preview</a></p>