Angular JS 中的路由问题答案

【问题标题】：Routing issue in Angular JSAngular JS 中的路由问题
【发布时间】：2016-06-16 19:25:52
【问题描述】：

我只是 Angular js 的新手，当我尝试研究路由时，会发生一个错误。请检查这个..

这是我的 index.html

<!DOCTYPE html>
<html data-ng-app="demoApp">

<head>
    <title>Angular</title>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <div data-ng-view=""> </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
    <script>
    var demoApp = angular.module('demoApp', []);
    demoApp.controller('firstController', function($scope) {
        $scope.customers = [{
            name: 'nik',
            city: 'san fransisco'
        }, {
            name: 'henry',
            city: 'new york'
        }, {
            name: 'avida',
            city: 'california'
        }, {
            name: 'lynda',
            city: 'texas'
        }];

        $scope.addCust = function($scope) {
            $scope.customers.push({
                name: $scope.newCust.name,
                city: $scope.newCust.city
            })
        }
    });
    demoApp.config(function($routeProvider) {
        $routeProvider
            .when('/view1', {
                controller: 'firstController',
                templateUrl: '1.html'
            })
            .when('/view2', {
                controller: 'firstController',
                templateUrl: '2.html'
            })
            .otherwise({
                redirectTo: '/view1'
            });
    });
    </script>
</body>

</html>

路由不起作用，因为它应该在我使用 index.html 时默认加载“/view2”

我希望这里不需要包含来自 1.html 和 2.html 的代码，以供参考，因为它只包含显示数据的“li”标签。

错误是， angular.js:38未捕获错误：[$injector:modulerr]http://errors.angularjs.org/1.5.6/$injector/modulerr?p0=demoApp&p1=Error%3A…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.6%2Fangular.min.js%3A39 %3A222)

谢谢。

【问题讨论】：

标签： angularjs

【解决方案1】：

您必须包含 ng-route 脚本angular-route

【讨论】：

但我看到一些示例在不添加此内容的情况下工作..（按照视频 tut - 只是这些代码有效！！）
@GaneshKumarG 是的，但是您使用的是什么版本的角度，以及教程使用的是什么版本。如果您阅读了您提供的错误网址，它特别告诉您路线已移至其自己的模块后 1.2，您正在使用 1.5 ...您需要注入，在您的情况下，因为您使用的是 1.5，您需要脚本为好吧。