2015-06-02 39 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

錯字,什麼是'ngRessource'?額外's' – PSL

+1

@PSL addtional事情'腳本'標記角度沒有正確關閉 –

回答

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']);

相關問題