$ng-resource 不起作用？答案

【问题标题】：$ng-resource doesn't work?$ng-resource 不起作用？
【发布时间】：2015-08-13 13:57:28
【问题描述】：

我是 AngularJS 的新手，我想更新我的 data.json，但我不知道我的文件 users.json 应该在哪里，我有这个错误：

错误：$injector:modulerr http://errors.angularjs.org/1.3.14/$injector/modulerr?p0

这是我的代码：

<!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>

请问有人有意见吗？

【问题讨论】：

标签： angularjs ngresource

【解决方案1】：

您忘记添加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>

来自ngResource page：

您可以从以下位置下载此文件：

Google CDN

例如//ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-resource.js

Bower

例如bower install angular-resource@X.Y.Z

code.angularjs.org

例如"//code.angularjs.org/X.Y.Z/angular-resource.js" 其中 X.Y.Z 是您正在运行的 AngularJS 版本。

【讨论】：

【解决方案2】：

工作小提琴：http://jsfiddle.net/softvar/rq9eupee/1/

在angular.js 文件下方添加angular-resource 脚本，具体取决于您在head 标记中需要的版本。

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

如果您想从文件users.json 中读取一些数据，请将其放在服务器（后端）上并根据您的要求填充它。如果您只是想显示用户列表，从服务器获取它，服务器将读取文件并返回它的内容。如果出于某种目的，您需要读取文件并将其内容显示在前端，请将其放在您的 js/ 文件夹中。但是假设您阅读它以发送响应，它应该在后端。

【讨论】：

检查我更新的答案。随意提出您的疑问，并将其标记为答案，以免其他人将此问题视为未回答。