Angularjs 角JS中的路由问题_Angularjs

Angularjs 角JS中的路由问题

angularjs

Angularjs 角JS中的路由问题,angularjs,Angularjs,我刚刚接触angular js，当我尝试研究路由时，出现了一个错误。。请检查这个这是我的index.html <!DOCTYPE html> <html data-ng-app="demoApp"> <head> <title>Angular</title> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstra

我刚刚接触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>


有棱角的
var demoApp=angular.module（'demoApp'，[]）；
demoApp.controller（'firstController'，函数（$scope）{
$scope.customers=[{
姓名：'尼克'，
城市：“旧金山”
}, {
名字：'亨利'，
城市：“纽约”
}, {
名称：“avida”，
城市：“加利福尼亚”
}, {
名字：“琳达”，
城市：“德克萨斯”
}];
$scope.addCust=函数（$scope）{
$scope.customers.push({
名称：$scope.newCust.name，
城市：$scope.newCust.city
})
}
});
demoApp.config（函数（$routeProvider）{
$routeProvider
.when（“/view1”{
控制器：“firstController”，
templateUrl:'1.html'
})
.when（“/view2”{
控制器：“firstController”，
templateUrl:'2.html'
})
.否则({
重定向到：'/view1'
});
});

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

<!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>

我希望这里不需要包含来自1.html和2.html的代码，以供参考，因为其中只包含“li”标记，该标记显示了来自此文件的数据

错误是， angular.js:38未捕获错误：[$injector:modulerr]$injector/modulerr？p0=demoApp&p1=Error%3A…ogleapis.com%2Fajax%2Flibs%2fagularjs%2F1.5.6%2fagularjs.min.js%3A39%3A222）

谢谢。

您必须包括ng路由脚本

，但我看到一些示例在不添加此脚本的情况下仍然有效。。（下面是一段视频，tut-这段代码就行了！！）@GaneshKumarG是的，但是你用的是什么版本的angular，教程用的是什么版本。如果您阅读了提供给您的错误url，它会特别告诉您路由已移动到其自己的模块post 1.2，您使用的是1.5。。。你需要一个注入，在你的例子中，因为你使用的是1.5，你也需要这个脚本。。（下面是一段视频，tut-这段代码就行了！！）@GaneshKumarG是的，但是你用的是什么版本的angular，教程用的是什么版本。如果您阅读了提供给您的错误url，它会特别告诉您路由已移动到其自己的模块post 1.2，您使用的是1.5。。。你需要注射，在你的情况下，因为你使用的是1.5，你也需要脚本。