angularjs - $ng-resource doesn't work? -
i'm new angularjs, update data.json don't know file users.json should , have error:
error: $injector:modulerr http://errors.angularjs.org/1.3.14/$injector/modulerr?p0
heres code :
<!doctype html> <html> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <script> var app = angular.module('myapp', ['ngresource']); app.factory('user', ['$resource', function($resource){ return $resource('/users/:userid', {userid:'@id'}, { 'update': {method: 'put'} } ); } ]); app.controller('usersctrl', function ($scope, user) { $scope.users = user.query(); $scope.validate=function(user) { user.$update(); } $scope.delete=function(user) { user.$delete(); } $scope.create = function (newusername) { var user = new user(); user.name = newusername; user.$save(); $scope.users.push(user); } }); </script> <body ng-app="myapp" ng-controller="usersctrl"> <ul> <li ng-repeat="user in users"> <input type="text" ng-model="user.name" /> <button ng-click="validate(user)">valider</button> <button ng-click="delete(user)">supprimer</button> </li> </ul> nouveau utilisateur : <input type="text" ng-model="newusername" /> <button ng-click="create(newusername)">créer</button> </body> </html> anyone have idea please?
you forgot add ngresource file.
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-resource.min.js"></script> from ngresource page:
you can download file following places:
e.g.
//ajax.googleapis.com/ajax/libs/angularjs/x.y.z/angular-resource.jse.g.
bower install angular-resource@x.y.ze.g.
"//code.angularjs.org/x.y.z/angular-resource.js"x.y.z angularjs version running.
Comments
Post a Comment