title: Angular ngResource still not recognising $resource
body: <p>My app has this line at the top, like most angular apps. I assume here it's pulling in <code>ngRoute</code> and <code>ngResource</code></p>
  
  <p><code>var myApp = angular.module('myApp', ['ngRoute', 'ui.bootstrap', 'ngResource']);</code></p>
  
  <p>how ever I create a service below:</p>
  
  <pre><code>myApp.factory('NewsService', function($resource) {
      return $resource('/api/news/:id', {id: '@id'}, {update: {method: 'PUT'}})
  })
  </code></pre>
  
  <p>and in my console I get this message:</p>
  
  <blockquote>
    <p>Error: [$injector:unpr] Unknown provider: $resourceProvider &lt;- $resource &lt;- NewsService</p>
  </blockquote>
  
  <p>In my angular folder I have all the js files associated with angular, from <code>angular-animate.js</code> through to <code>angular-touch.js</code> including obviously <code>angular-resource.js</code>, I'm wondering why it is complaining, or what I can do to narrow down to the specific error. </p>
  
  <p>I'm not using the <code>min</code> files at the moment because the errors aren't verbose enough.</p>
  
  <p>In my controllers I just do this:</p>
  
  <pre><code>function newsCreateController($scope, NewsService) {}
  </code></pre>