AngularJs(ngResource):错误:[$注射器:modulerr] http://er

2019-10-23 06:20发布

我想用ngResource与HTTP,但我有此错误:

错误:[$注射器:modulerr] http://errors.angularjs.org/1.3.15/ ?$注射器/ 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:

错字在ngRessource应该ngResource

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

你也做角JS script参考自行闭合这是完全错误的。 你应该正确地关闭角的脚本。 往下看。

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


Answer 2:

有一个在你的应用程序模块定义中的依赖关系的错字。 变化var myApp = angular.module('myApp', ['ngRessource']);var myApp = angular.module('myApp', ['ngResource']);



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