Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS-未捕获错误:[$injector:modulerr]_Angularjs - Fatal编程技术网

AngularJS-未捕获错误:[$injector:modulerr]

AngularJS-未捕获错误:[$injector:modulerr],angularjs,Angularjs,只是尝试读取一个URL,我得到以下错误 “未捕获错误:[$injector:moduler]” 有什么想法吗 <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 = angu

只是尝试读取一个URL,我得到以下错误

“未捕获错误:[$injector:moduler]”

有什么想法吗

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

{{catalog}}
var app=angular.module('app',['jsonService']);
angular.module('jsonService',['ngResource']))
.factory('JsonService',函数($resource){
返回$resource('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93930/catalog.json');
});
app.controller('ctrl',函数($scope,JsonService){
get(函数(数据){
$scope.catalog=数据;
});
});

将代码更改为以下内容。在应用程序中使用模块“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;
      });
    });

{{catalog}}
angular.module('jsonService',['ngResource']))
.factory('JsonService',函数($resource){
返回$resource('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93930/catalog.json');
});
var app=angular.module('app',['jsonService']);
app.controller('ctrl',函数($scope,JsonService){
get(函数(数据){
$scope.catalog=数据;
});
});
  • ngResource
    脚本添加到页面
  • 
    
  • app
    模块之前创建
    jsonService

  • 更正
    catalog.json
    文件-Angular无法解析它。用于验证您的
    json

    错误:第2行的分析错误:
    [
    {
    标题:“塞尔默S2000
    ----------^
    应为“字符串”、“}”

  • 代码在这里