gpt4 book ai didi

javascript - 错误: $injector:modulerr Module Error/Angular service

转载 作者:太空宇宙 更新时间:2023-11-04 02:50:27 26 4
gpt4 key购买 nike

我是 Angular 新手,遇到了这个问题:

angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.4/$injector/modulerr?p0=serviceApp&p1=Error…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.4%2Fangular.min.js%3A22%3A179)
at angular.js:38
at angular.js:4920
at q (angular.js:403)
at g (angular.js:4880)
at eb (angular.js:4802)
at c (angular.js:1914)
at Sc (angular.js:1935)
at ue (angular.js:1820)
at angular.js:33367
at HTMLDocument.b (angular.js:3431)

我有一个简单的 js 和 html 文件,我正在尝试操作对象和数组。我只想 console.log 记录我想要的内容,这样我就可以看到我要去哪里。这是我的 html :

<!DOCTYPE html>
<html ng-app="serviceApp">
<body>
<div ng-controller="indexCtrl">
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="services.js"></script>
</body>
<html>

这是我的服务和我的功能

let rankingModule = angular.module('rankingModule', []);

let rankingsProm = [
{
position: 1,
user: 323232,
score: 100
}, {
position: 2,
user: 1213232,
score: 89
}
];

let usersProm = [
{
id: 1313232,
firstName: 'John',
lastName: 'Doe'
},
];


rankingModule.service('indexCtrl', function ($q, $http) {
$q.all([rankingsProm, usersProm]).then(function (responses) {
//$q returns an array of promises
console.log(responses)
console.log(mergeRankingWithUsers(responses[0], responses[1]))
})

function mergeRankingWithUsers (rankings, users) {
let merged = rankings.map(function (ranking) {
let index = users.findIndex(function (user) { return user.id === ranking.user; });
ranking.firstName = index > -1 ? users[index].firstName : 'unknown';
ranking.lastName = index > -1 ? users[index].lastName : 'unknown';
return ranking;
})
return merged;
}
})

最佳答案

您需要更正以下几点:

  1. 引用正确的模块 <html ng-app="rankingModule">
  2. 更正您的 Controller 注册,如您所述 indexCtrl作为 HTML 中的 Controller <div ng-controller="indexCtrl">

因此将其注册为 Controller : rankingModule.controller('indexCtrl', function ($q, $http) {..\\

关于javascript - 错误: $injector:modulerr Module Error/Angular service,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43996201/

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