AngularJs (ngResource ) : Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/

Question

我想将 ngResource 与 HTTP 一起使用，但出现此错误：

Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=myApp&p1=%5B%24injector%3Anomod%5D%20

这是我的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Angular ngResource</title>
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-resource.min.js"></script>
<script>
    var myApp = angular.module('myApp', ['ngResource']);

    myApp.factory('UserService',['$resource', function ($resource) {
        return $resource('http://jsonplaceholder.typicode.com/users/:user',{user: "@user"});
    }]);

    myApp.controller('produitsCtrl', function($scope, $http,UserService) {

        $scope.users = UserService.query();

    });
</script>
</head>
<body>

    <div ng-app="myApp" >

    <div ng-controller="produitsCtrl"> 
        <ul>
          <li ng-repeat="x in users">
            {{ x.name + ', ' + x.username }}
          </li>
        </ul>       
    </div>
</div>

</body>
</html>

我的 json 文件是：http://jsonplaceholder.typicode.com/users

[
  {
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz",
    "address": {
      "street": "Kulas Light",
      "suite": "Apt. 556",
      "city": "Gwenborough",
      "zipcode": "92998-3874",
      "geo": {
        "lat": "-37.3159",
        "lng": "81.1496"
      }
    },
    "phone": "1-770-736-8031 x56442",
    "website": "hildegard.org",
    "company": {
      "name": "Romaguera-Crona",
      "catchPhrase": "Multi-layered client-server neural-net",
      "bs": "harness real-time e-markets"
    }
  },
  {
    "id": 2,
    "name": "Ervin Howell",
    "username": "Antonette",
    "email": "Shanna@melissa.tv",
    "address": {
      "street": "Victor Plains",
      "suite": "Suite 879",
      "city": "Wisokyburgh",
      "zipcode": "90566-7771",
      "geo": {
        "lat": "-43.9509",
        "lng": "-34.4618"
      }
    }
]

有人有想法吗？

Answer 1

您提供给应用模块定义的依赖项中存在拼写错误。将 var myApp = angular.module('myApp', ['ngRessource']); 更改为 var myApp = angular.module('myApp', ['ngResource']);。

Answer 2

ngRessource 打字错误，应该是ngResource

var myApp = angular.module('myApp', ['ngResource']);

您还制作了 angular js script 引用自关闭，这是完全错误的。您应该正确关闭 angular 脚本标签。往下看

<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
</script>

AngularJs (ngResource ) : Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/

AngularJs (ngResource ) : Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/

angularjs

ngresource