AngularJs 如何在本地服务器上运行 angularjs?和未捕获的错误:[$injector:模块rr]

我正在尝试编写一个小型Web应用程序：列出用户名和号码

这些文件位于同一文件夹中，例如：

ang8
  |----  index.html
  |----  list.html
  |----  contacts.js

当我尝试打开 index.html 时，它不会加载 list.html 中的内容。知道吗？？谢谢！

索引.html代码为：

<!DOCTYPE html>
<html ng-app="contacts">
    <meta character="utf-8">
    <title>Contacts</title>
    <style type="text/css">
        * { box-sizing: border-box; }
        body { font: 14px/1.5 sans-serif; color: #222; margin: 3em;}
    </style>
    <div ng-controller="Contacts">
        <h1>Contacts</h1>
        <div ng-view></div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>
    <script src="contacts.js"></script>
</html>

列表.html代码：

<h2>List</h2>
<div>
    <label>search: </label><input type="search" ng-model="search">
    <br>
</div>
<ul>
    <li ng-repeat="contact in contacts | filter:search">
        <a href="#/contact/{{$index}}">{{contact.name}}</a>
        : {{contact.number}}
    </li>
</ul>

和 js 代码：

angular
    .module('contacts', [])
    .config(function ($routeProvider) {
        $routeProvider
            .when('/', {
                templateUrl: 'list.html'
            });
    })
    .controller('Contacts', function($scope){
        $scope.contacts = [
            {name: 'Tom', number: '1234'},
            {name: 'David', number: '4321'},
            {name: 'Jason', number: '12345'}
        ];
    })

Angular 找不到ngRoute依赖项。您缺少对angular-route(.min).js 的引用。在angular.min.js引用下方添加以下行：

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

相关内容

最新更新

热门标签：