title: AngularJS GET 404 Not Found
body: <p>Currently working on an Angular JS tv application. The app gets data from an api call. I am trying to obtain the images from the results array. </p>
  
  <p>Here's the code for the mainController.js</p>
  
  <pre><code>app.controller("mainController", function($scope, $http){
      $scope.apiKey = "b3e2e6f87d3aeec3075668a1bd4a78e2";
      $scope.init = function(){
          //api call requires format, apiKey, date, and days
          var today = new Date();
          //format apiDate according to the api specifications
          var apiDate = today.getFullYear() + ("0" + (today.getMonth()+1)) + today.getDate();
          $scope.results = [];
          console.log(apiDate);
          $http.jsonp('http://api.trakt.tv/calendar/premieres.json/' + $scope.apiKey + '/' + apiDate + '/' + 30 + '/?callback=JSON_CALLBACK').success(function (data){
              //connection successful
              //console.log(data);
              angular.forEach(data, function (value, index){
                  var date = value.date;//stores the date of the tv shows
                  angular.forEach(value.episodes, function (tvshow, index){
                      //this adds the locally store date to the tvshow object
                      tvshow.date = date;
                      $scope.results.push(tvshow);
                  });//end 2nd for each
              });//end 1st for each
          }).error(function (error){
              //connection failed
          });
      };  
  });
  </code></pre>
  
  <p>Here's the code for the index.html</p>
  
  <pre><code> &lt;ul class="episode-list"&gt;
          &lt;li ng-repeat="tvshow in results"&gt;
            &lt;div class="row-fluid"&gt;
              &lt;div class="span3"&gt;
                  &lt;img src="{{tvshow.episode.images.screen}}"/&gt;
              &lt;/div&gt;
           &lt;/div&gt;
          &lt;/li&gt;
     &lt;/ul&gt;
  </code></pre>
  
  <p>The console returns the following errors:</p>
  
  <p>GET : //localhost/tvApp/%7B%7Btvshow.episode.images.screen%7D%7D 404 (Not Found) localhost/:29</p>
  
  <p>GET //localhost/tvApp/%7B%7Btvshow.episode.images.screen%7D%7D 404 (Not Found) 
  angular.min.js:20</p>
  
  <p>I am not quite sure why this is happening. Any help would be appreciate. I have been looking around for a similar issue but no success</p>