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

标签 javascript jquery html angularjs

我正在构建 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/

相关文章:

html - "overflow-x: auto"没有正常工作

html - 隐藏URL中的文件名

javascript - Jquery - 将一个参数的多个值从 URL 解析为 HTML

javascript - 使用 JQuery 将 PHP echo 移动到另一个 div

javascript - 使图像在 div 中沿 x 轴随机生成 (CSS/Javascript/JQuery)

html - 可以将 anchor 标记设置为 block 元素吗?

javascript - Application Wide Modal Issue rails 5 Bootstrap 3

javascript - 导航菜单属于 HTML 还是 JavaScript?

jquery - jsTree创建节点不起作用

Node.js 在第一次启动时给出不可预测的 ajax 响应