title: How to pull an API from Kimono
body: <p>We're looking for the best way to pull an API from Kimono Labs and how to structure properly. <a href="http://plnkr.co/edit/7Mo4lsDmvWFMiv6fk8Xp?p=preview" rel="nofollow">PLUNKER</a></p>
  
  <p>Here is what we have in the app.js</p>
  
  <pre><code>var App = angular.module('App', []);
  
  App.controller('Calendar', function($scope, $http) {
    $http.get('http://www.kimonolabs.com/api/42ts6px8?apikey=363e7e1d3fffb45d424ad535ebdc233d&amp;callback=kimonoCallback')
         .then(function(res){
            $scope.events = res.data[0].events;                
          });
  });
  </code></pre>
  
  <p>index...</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="App" &gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Todos $http&lt;/title&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;script&gt;document.write("&lt;base href=\"" + document.location + "\" /&gt;");&lt;/script&gt;
    &lt;link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular.js"&gt;&lt;/script&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
  
    &lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;
        function kimonoCallback(data) {
          // do something with the data
          // please make sure the scope of this function is global
        }
  
        $.ajax({
          "url":"http://www.kimonolabs.com/api/42ts6px8?apikey=363e7e1d3fffb45d424ad535ebdc233d&amp;callback=kimonoCallback",
          "crossDomain":true,
          "dataType":"jsonp"
      });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="Calendar"&gt;
    &lt;ul&gt;
      &lt;li ng-repeat="item in events"&gt;
        &lt;h1&gt;{{item.EventTitles.text}}&lt;/h1&gt;
        &lt;img src="{{item.HeadlineImages.src}}"&gt;
        &lt;p&gt;{{item.eventdescription}}&lt;/p&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Are we doing this correctly? We can get it to pull data from a local .json file... but not from Kimono? </p>
  
  <p>Any help or a point in the right direction would be appreciated. Thank you for your time.</p>
  
  <p><strong>EDIT:</strong> I forgot to mention, I am aware of the API link from Kimono Labs I included does not work, this is intentional.</p>
  
  <p><strong>EDIT2:</strong> Added a <a href="http://plnkr.co/edit/7Mo4lsDmvWFMiv6fk8Xp?p=preview" rel="nofollow">PLUNKER</a> if that helps anyone.</p>