AngularJS - 未捕获的错误：[$喷油器：modulerr] [英] AngularJS - Uncaught Error: [$injector:modulerr]

问题描述

只是想读一个网址，我得到了下面的错误。

未捕获的错误：[$喷油器：modulerr]

任何想法？

 ＆LT; D​​IV NG-应用=应用程序NG控制器=CTRL＆GT;
  {{目录}}
＆LT; / DIV＆GT;＆所述; SCRIPT SRC =htt​​ps://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js＆GT;＆下; /脚本＆GT;
VAR应用= angular.module（'应用'，['jsonService']）;angular.module（'jsonService'，['ngResource']）
.factory（'JsonService'，函数（$资源）{
  返回$资源（'https://s3-us-west-2.amazonaws.com/s.cdpn.io/93930/catalog.json'）;
}）;app.controller（'CTRL'，函数（$范围，JsonService）{
  JsonService.get（功能（数据）{
    $ scope.catalog =数据;
  }）;
}）;
 

解决方案

1. 添加 ngResource 脚本到你的页面

＆LT;脚本src=\"https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular-resource.min.js\"></script>


<醇开始=2>

创建 jsonService 在应用模块

纠正你的 catalog.json 文件 - 角无法解析它。使用 http://jsonlint.com/ 以验证您的 JSON

错误：第2行解析错误：
[
  {
    标题：塞尔默S2000
---------- ^
要求以STRING，}

code是这里 JSBin

Just trying to read a URL and I get the following error.

"Uncaught Error: [$injector:modulerr]"

Any ideas?

<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;
  });
});

解决方案

1. Add ngResource script to your page

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

2. Create jsonServicebefore app module

3. Correct your catalog.json file - Angular cannot parse it. Use http://jsonlint.com/ for validating your json

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

Code is here JSBin

这篇关于AngularJS - 未捕获的错误：[$喷油器：modulerr]的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！