2015-06-02 2 views
1

Я хочу использовать 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": "[email protected]", 
    "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": "[email protected]", 
    "address": { 
     "street": "Victor Plains", 
     "suite": "Suite 879", 
     "city": "Wisokyburgh", 
     "zipcode": "90566-7771", 
     "geo": { 
     "lat": "-43.9509", 
     "lng": "-34.4618" 
     } 
    } 
] 

ЛЮБОЙ ИМЕЕТ ИДЕЮ ПОЖАЛУЙСТА?

+0

Typo, что такое 'ngRessource'? extra 's' – PSL

+1

@PSL addtional вещь была тегом' script' угловой не закрыт должным образом –

ответ

0

Опечатка в 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> 
+0

Я исправил его, но ничего не изменилось: ( – carine

+0

@ carine посмотреть на мое редактирование –

+1

@ carine это вам помогло ..? –

0

Существует опечатка в зависимостях, которые вы предоставили определению модуля приложения. Изменить var myApp = angular.module('myApp', ['ngRessource']);var myApp = angular.module('myApp', ['ngResource']);.