gpt4 book ai didi

javascript - Uncaught Error : [$injector:modulerr] when using ng-repeat

转载 作者:行者123 更新时间:2023-11-27 23:03:55 25 4
gpt4 key购买 nike

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>

上面是我的代码。当我运行它时,出现 Uncaught Error [$injector:modulerr] 错误。我不明白为什么会出现这个错误。有人可以帮助我吗?真的很感激。

最佳答案

为了访问 DOM 中的 Angular 属性,您需要建立一个作用域并将 $scope 作为依赖项注入(inject) Controller 中,方法是将其放置在函数参数中。然后,您需要将您的 items 分配给范围对象上的某些内容,以便在 DOM 中访问它。为了让它工作,它应该看起来像这样。此外,我会避免像 m 对象那样漂浮在 Controller 之外。如果您只在一个 Controller 中使用某些内容,我认为最好将信息保留在该 Controller 中。

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>

关于javascript - Uncaught Error : [$injector:modulerr] when using ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36781527/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com