gpt4 book ai didi

javascript - 我使用 AngularJS 的 js 文件出现问题 : "Uncaught Error: [$injector:modulerr]"

转载 作者:行者123 更新时间:2023-12-02 23:53:48 25 4
gpt4 key购买 nike

我正在构建 AngularJS,这个人使用的版本是 1.0.8,我使用的是 1.7.8 Angular,并且想要更新它。有人可以帮助我吗?

文件:index.html

<!doctype html>
<html ng-app="pessoas">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pessoas</title>
</head>

<body>

<div ng-controller="CtrlPessoas">
<h1>Sistemas de gerenciamento de pessoas</h1>

<ng-view></ng-view>

</div>

</body>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"></script>
<script src="pessoas.js"></script>

</html>

文件:listar.html

<h2>Listagem de Pessoas</h2>

<ul>
<li ng-repeat="pessoa in pessoas">
{{pessoa.nome}}, {{pessoa.cidade}}
</li>
</ul>

文件:pessoas.js

angular
.module('pessoas', [])

.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'listar.html'
});
})

.controller('CtrlPessoas', function ($scope) {
$scope.pessoas = [
{nome: "Maria", cidade: "São Paulo"},
{nome: "Jose", cidade: " Cacem"},
{nome: "Dave", cidade: "Sintra"},
{nome: "Juan", cidade: "Mexico"}
];
});

最佳答案

您缺少 ngRoute 模块:

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


angular.module('pessoas', ['ngRoute'])

关于javascript - 我使用 AngularJS 的 js 文件出现问题 : "Uncaught Error: [$injector:modulerr]",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55517618/

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