title: Fullcalendar with JSON feed returning eventSource in extended form
body: <p>I'm using the excellent fullcalendar by arshaw with Angular UI and right now I'm having a problem with eventSource objects in extended form not rendering when fetched as JSON feeds. </p>
  
  <p>The data is fetched using the following code in the controller:</p>
  
  <pre><code>$scope.events = [   
    '/api/v1/users/104/events?format=cal&amp;type=9',
    '/api/v1/users/104/events?format=cal&amp;type=10'
  ];
  $scope.eventSources = $scope.events;
  </code></pre>
  
  <p>When the JSON feed returns an array with event objects it actually works:</p>
  
  <pre><code>// returned by - /api/v1/users/104/events?format=cal&amp;type=9
  [
    {
      url: "/#/events/86893",
      start: "2013-03-15",
      title: ": Event - 86893"
    },
    {
      url: "/#/events/31348",
      start: "2013-03-27T09:30Z",
      title: "Event - 31348"
    }
  ],
  // returned by - /api/v1/users/104/events?format=cal&amp;type=10
  [
    {
      url: "/#/events/86899",
      start: "2013-03-25",
      title: ": Event - 86899"
    },
    {
      url: "/#/events/31349",
      start: "2013-03-17T09:30Z",
      title: "Event - 31349"
    }
  ]
  </code></pre>
  
  <p>However I would like to specify some options along with the event data, for example different colors for different JSON feeds. Hence I settled for the API to return the event source in its <a href="http://arshaw.com/fullcalendar/docs/event_data/Event_Source_Object/" rel="nofollow">extended form</a> . This is what it API returns.</p>
  
  <pre><code>// returned by - /api/v1/users/104/events?format=cal&amp;type=9
  {
    events: [
      {
        url: "/#/events/86893",
        start: "2013-03-15",
        title: "Event - 86893"
      },
      {
        url: "/#/events/31348",
        start: "2013-03-27T09:30Z",
        title: "Event - 31348"
      }
    ],
    color: "#ff9900",
    allDayDefault: false,
    ignoreTimezone: true
  },
  // returned by - /api/v1/users/104/events?format=cal&amp;type=10
  {
    events: [
      {
        url: "/#/events/86899",
        start: "2013-03-25",
        title: "Event - 86899"
      },
      {
        url: "/#/events/31349",
        start: "2013-03-17T09:30Z",
        title: "Event - 31349"
      }
    ],
    color: "#3366FF",
    allDayDefault: false,
    ignoreTimezone: true
  }
  </code></pre>
  
  <p>Unfortunately this format isn't rendered when fetched as JSON. When fetching the extended format I changed the eventSources assignment somewhat to look like this:</p>
  
  <pre><code>$scope.eventSources = [ $scope.events ];
  </code></pre>
  
  <p>If I cut and paste the raw JSON response (with the event source in its extended form) from the API straight into the eventSources method it works. Isn't it possible to consume the event source in extended form when it is returned as a JSON feed? </p>