title: Get all events on Angular UI-Calendar (directive for Arshaw full calendar)
body: <p>I am using external events on an Angular ui-calendar:</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;div id='external-events'&gt;
            &lt;ul&gt;
              &lt;li class='fc-event'&gt;Event 1&lt;/li&gt;
              &lt;li class='fc-event'&gt;Event 2&lt;/li&gt;
              &lt;li class='fc-event'&gt;Event 3&lt;/li&gt;
            &lt;/ul&gt;
     &lt;/div&gt;
  
     &lt;div ui-calendar="uiConfig.calendar" calendar="myCalendar" ng-model="eventSources"&gt;
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>$scope.eventSources = [{
      events: [],
      color: '#428bca',
      textColor: 'white',
      overlap: false
    }]
  $scope.uiConfig = {
      calendar: {
        header: {
          left: 'prev,next today',
          center: 'title',
          right: 'agendaDay,agendaTwoDay,week'
        },
        defaultView: 'agendaDay',
        height: 'auto',
        editable: true,
        droppable: true,
        eventOverlap: false,
        allDaySlot: false,
        slotDuration: '00:10:00',
        snapDuration: '00:05:00',
        eventReceive: $scope.eventReceived,
        eventDrop: function( event, delta, revertFunc, jsEvent, ui, view ) {
          $scope.eventDropped(event, delta); 
        },
        eventClick: $scope.eventClicked
      }
    };
  </code></pre>
  
  <p>I would like to get all of the events on the calendar on save. I know that you can use clientEvents while using fullCalendar by itself:</p>
  
  <pre><code>$('#calendar').fullCalendar('clientEvents');
  </code></pre>
  
  <p>Is there an equivalent for ui-calendar? I guess I am asking what syntax to use to access the clientEvents. I cannot figure it out. Another option I tried was pushing each event into $scope.eventSources[0].events but it doesn't seem right to have to do that.</p>