title: Uncaught object error on Chrome. Angularjs + ngResource
body: <p>While using debug on Chrome, it keeps showing this error: uncaught object, on angular.js:36.</p>
  
  <p>What am I doing wrong? :/</p>
  
  <p>Thanks for any help :)</p>
  
  <p>Module and Resource objects (services.js)</p>
  
  <pre><code>var services = angular.module('ngdemo.services', ['ngResource']);
  
  services.factory('ProvidersFactory', function ($resource) {
      return $resource('http://devfz.azurewebsites.net/api/providers/', {}, {
          query: { method: 'GET', isArray: true },
      })
  });
  </code></pre>
  
  <p>Controller (controller.js)</p>
  
  <pre><code>var app = angular.module('ngdemo.controllers', []);
  
  app.controller('ProviderListCtrl', ['$scope', 'ProvidersFactory', '$location',
      function ($scope, ProvidersFactory, $location) {
          $scope.providers = ProvidersFactory.query();
      }]);
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>angular.module('ngdemo', ['ngdemo.filters', 'ngdemo.services', 'ngdemo.directives', 'ngdemo.controllers']).
  config(['$routeProvider', function ($routeProvider) {
      $routeProvider.when('/provider-list', { templateUrl: '/provider-list.html', controller: 'ProviderListCtrl' });
      $routeProvider.otherwise({ redirectTo: '/provider-list' });
  }]);
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="ngdemo" xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;Providers&lt;/title&gt;
      &lt;link href="Content/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;script src="Scripts/Vendor/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="Scripts/Vendor/angular-resource.js"&gt;&lt;/script&gt;
      &lt;script src="controller.js"&gt;&lt;/script&gt;
      &lt;script src="services.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body role="document" style="padding-top: 70px; padding-bottom: 30px"&gt;
      &lt;div class="container body-content" role="main"&gt;
          &lt;div ng-controller="ProviderListCtrl"&gt;
              &lt;h2&gt;Providers&lt;/h2&gt;
              &lt;hr&gt;
              &lt;div style="width:60%"&gt;
                  &lt;table class="table table-striped table-condensed"&gt;
                      &lt;thead&gt;
                          &lt;tr&gt;
                              &lt;th style="min-width: 30px; width: 30px;"&gt;Id&lt;/th&gt;
                              &lt;th style="min-width: 100px;"&gt;Name&lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;tbody&gt;
                          &lt;tr ng-repeat="provider in providers"&gt;
                              &lt;td valign="middle"&gt;Test: {{provider.Id}}&lt;/td&gt;
                              &lt;td valign="middle"&gt;Test: {{provider.Name}}&lt;/tdvalign&gt;
                              &lt;td valign="middle" align="right" width="40px"&gt;&lt;a ng-click="" class="btn btn-small btn-primary"&gt;edit&lt;/a&gt;&lt;/td&gt;
                              &lt;td valign="middle" align="right" width="50px"&gt;&lt;a ng-click="" class="btn btn-small btn-danger"&gt;delete&lt;/a&gt;&lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/tbody&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>