CODEWITHSUNDEEP
angularjs
Ganesh Kumar G
Ganesh Kumar G

Reputation: 185

Routing issue in Angular JS

i am just new to angular js and when I tried to study routing one error occurs.. please check this..

here is my 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>

routing is not working, as it supposed to load "/view2" as default when i take index.html

I hope no need to include code from 1.html and 2.html here, for reference as that just contains the 'li' tag which shows the data from this.

Error is, angular.js:38Uncaught Error: [$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)

Thank.

Upvotes: 0

Views: 203

Answers (1)

user3227295
user3227295

Reputation: 2156

you must include ng-route script angular-route

Upvotes: 2

Related Questions