title: How can set a script to run after all photos have loaded?
body: <p>I have have spent hours trying all of the different methods given online but nothing works. I just simply want to load a script to run after all images have loaded. Is there something about Angular that won't allow me to do this? I'm using <code>$routeProvider</code>:</p>
  
  <pre><code>var photos = {
      name: 'photos',
      url: '/photos',
      views: {
          main: {
              templateUrl: "views/photos/photos.html",
              controller: function($scope,$http){
                  $http({
                      url: 'get/photos',
                      method: "POST"
                  })
                      .success(function (data, status, headers, config) { 
                          $scope.data = data;
                          // this doesn't work
                          $(window).load(function() {
                              myScript();
                          });
                      })
                      .error(function (data, status, headers, config) { $scope.status = status; });
              }
          }
      }
  };
  </code></pre>
  
  <p>By the way, I'm not getting any errors in the console.</p>