Angularjs $ng资源不';不行?
我是AngularJS新手,我想更新我的Angularjs $ng资源不';不行?,angularjs,ngresource,Angularjs,Ngresource,我是AngularJS新手,我想更新我的data.json,但我不知道我的文件users.json应该在哪里,我有以下错误: 错误:$injector:moduler 这是我的密码: <!DOCTYPE html> <html> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <script>
data.json
,但我不知道我的文件users.json
应该在哪里,我有以下错误:
错误:$injector:moduler
这是我的密码:
<!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>
var app=angular.module('myApp',['ngResource']);
app.factory('用户',['$resource',
职能(资源){
返回$resource('/users/:userId',{userId:'@id'},
{
'update':{method:'PUT'}
}
);
}
]);
应用程序控制器('UsersCtrl',函数($scope,User){
$scope.users=User.query();
$scope.validate=函数(用户){
用户:$update();
}
$scope.delete=函数(用户){
用户:$delete();
}
$scope.create=函数(newUserName){
var user=新用户();
user.name=newUserName;
用户:$save();
$scope.users.push(用户);
}
});
-
瓦利德
供给者
新利用主义者:
克雷尔
有人有什么想法吗?你忘了添加
发件人:
您可以从以下位置下载此文件:
-
e、 g.
//ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular resource.js
-
e、 g.
bower安装角度-resource@X.Y.Z
-
e、 g.
whereX.Y.Z 是您正在运行的AngularJS版本“//code.angularjs.org/X.Y.Z/angular resource.js”
head
标记中所需的版本,在angular.js
文件下方添加angular resource
脚本
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-resource.min.js"></script>
如果您想从文件
users.json
中读取一些数据,请将其放在服务器(后端)上,并根据需要进行填充。如果您只是想显示用户列表,从服务器获取它,服务器将读取该文件并返回其内容。如果出于某种目的,需要读取文件并在前端显示其内容,请将其放在js/
文件夹中。但是假设您阅读它来发送响应,它应该在后端 检查我的最新答案。请随时提出您的疑问,并将其标记为答案,这样其他人就不会觉得这个问题没有答案。
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-resource.min.js"></script>