blogs'slash'titles

{
  "titles": [
    {
      "id": 16, 
      "title": "Test6"
    }, 
    {
      "id": 15, 
      "title": "Test5"
    }, 
    {
      "id": 14, 
      "title": null
    }, 
    {
      "id": 13, 
      "title": "Test3"
    }, 
    {
      "id": 12, 
      "title": "Test2"
    }, 
    {
      "id": 11, 
      "title": "Test"
    }, 
    {
      "id": 8, 
      "title": "Kwetsbaar leven"
    }, 
    {
      "id": 6, 
      "title": "Buitenboordmotor"
    }, 
    {
      "id": 5, 
      "title": "Zout onder Onstwedde "
    }, 
    {
      "id": 2, 
      "title": "Win een bioscoopbon"
    }, 
    {
      "id": 33, 
      "title": "Robots"
    }
  ]
}

get.js

app = anuglar.module('app', []);

app.controller('TitleCtrl', function ($scope, $http) {
      var url = "/blogs/titles";

      $http.jsonp(url).success(function(data) { console.log(data); })
});

index.html

<div class="sidecontainer" ng-app="app">
  <aside id="interest" ng-controller="TitleCtrl">
    <h2>Archief:</h2>
    <p ng-if="error">{{ error }}</p>
    <ol>
      <li ng-repeat="title in titles"><a href=""></a></li>
    </ol>
  </div>

  </aside>
</div>