未捕获的错误:使用 ng-repeat 时出现 [$injector:modulerr]
Uncaught Error: [$injector:modulerr] when using ng-repeat
angular.module('app',[])
.controller('myCtrl',function() {
this.items = m;
});
var m = {
"India": "4",
"England": "2",
"Brazil": "3",
"UK": "1",
"USA": "3",
"Syria": "2"
};
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<body>
<h3>FIFA Mactch Summary:</h3>
<div ng-app='app' ng-controller="myCtrl">
<ul>
<li ng-repeat="(country,goals) in items">{{country}}: {{goals}}</li>
</ul>
</div>
</body>
以上是我的代码。当我运行它时,出现未捕获错误 [$injector:modulerr] 错误。我不知道为什么会出现此错误。有人可以帮助我吗?真的很感激。
为了访问 DOM 中的 Angular 属性,您需要建立一个作用域并将$scope
作为依赖项注入控制器,方法是将其放置在函数参数中。然后,您需要将items
分配给作用域对象上的某些内容,以便在 DOM 中访问它。为了使它工作,它应该看起来像这样。此外,我会避免像m
对象这样漂浮在控制器之外的东西。如果您只在一个控制器中使用某些内容,我会说最好将信息保存在该控制器中。
angular.module('app',[])
.controller('myCtrl', ['$scope', function($scope) {
$scope.items = {
"India": "4",
"England": "2",
"Brazil": "3",
"UK": "1",
"USA": "3",
"Syria": "2"
};
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<body>
<h3>FIFA Mactch Summary:</h3>
<div ng-app='app' ng-controller="myCtrl">
<ul>
<li ng-repeat="(country,goals) in items">{{country}}: {{goals}}</li>
</ul>
</div>
</body>
相关文章:
- 错误:$injector:modulerr模块错误(我的第一个SPA应用程序)
- 错误:$injector:modulerr加载图像时模块处于角度
- ng路由injectore:modulerr中出错[$injector:modulerr]http://errors.a
- 未捕获的错误: [$injector:modulerr] http ..(使用纯 HTML)
- 未捕获的错误:使用 ng-repeat 时出现 [$injector:modulerr]
- 未捕获的错误: [$injector:modulerr] - 角度 ng-include
- Error $injector:modulerr AngularJs
- Angularjs未捕获错误:迁移到V1.3时出现[$injector:modulerr]
- $injector:modulerr将自定义模块注入Angular应用程序
- 未捕获错误:[$injector:modulerr](新手)
- AngularJS错误:$injector:modulerr我的浏览器窗口中出现模块错误
- 获取未捕获错误:anuglar.js中的[$injector:modulerr]
- Angular应用程序无法安装,原因是出现错误:[$injector:modulerr]
- AngularJS - $injector:modulerr 模块错误在 angular.js:36.
- 未捕获的错误: [$injector:modulerr] 无法实例化模块 toastr
- Angularjs Error: [$injector:modulerr] 'ngRoute'
- 角度 JavaScript 缩小导致错误:$injector:modulerr 模块错误
- Injector:modulerr in the config (newbie)
- Angular js 未捕获错误:[$injector:modulerr] 匿名函数
- AngularJS : 未捕获错误: [$injector:modulerr] 使用 angularJS 的更新版本时