AngularJS - 未捕获的错误：[$injector:modulerr]答案

【问题标题】：AngularJS - Uncaught Error: [$injector:modulerr]AngularJS - 未捕获的错误：[$injector:modulerr]
【发布时间】：2015-01-13 20:13:21
【问题描述】：

只是试图读取一个 URL，我收到以下错误。

“未捕获的错误：[$injector:modulerr]”

有什么想法吗？

<div ng-app="app" ng-controller="ctrl">
  {{catalog}}
</div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>


var app = angular.module('app', ['jsonService']);

angular.module('jsonService', ['ngResource'])
.factory('JsonService', function($resource) {
  return $resource('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93930/catalog.json');
});

app.controller('ctrl', function($scope, JsonService){
  JsonService.get(function(data){
    $scope.catalog = data;
  });
});

【问题讨论】：

标签： angularjs

【解决方案1】：

将您的代码更改为以下。在您的应用中使用它之前，您需要创建模块“jsonService”。

<div ng-app="app" ng-controller="ctrl">
      {{catalog}}
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>

    angular.module('jsonService', ['ngResource'])
    .factory('JsonService', function($resource) {
      return $resource('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93930/catalog.json');
    });

    var app = angular.module('app', ['jsonService']);

    app.controller('ctrl', function($scope, JsonService){
      JsonService.get(function(data){
        $scope.catalog = data;
      });
    });

【讨论】：

【解决方案2】：

将ngResource 脚本添加到您的页面

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

创建jsonServicebefore app模块
更正您的 catalog.json 文件 - Angular 无法解析它。使用http://jsonlint.com/ 验证您的json

Error: Parse error on line 2: [ { title: "Selmer S2000 ----------^ Expecting 'STRING', '}'

代码在这里JSBin

【讨论】：