Error while implemented routing in project

Make sure you have imported angular.min.js file and angular-route.js file,

From understanding error image it's seems like an $rootscope issue i think. So make sure you have mentioned routing part is correct. For example,

var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl : "main.htm"
})
.when("/red", {
templateUrl : "red.htm"
})
.when("/green", {
templateUrl : "green.htm"
})
.when("/blue", {
templateUrl : "blue.htm"
});
});

For Reference,

https://docs.angularjs.org/tutorial/step_09

https://docs.angularjs.org/api/ngRoute/service/$route

https://www.journaldev.com/6225/angularjs-routing-example-ngroute-routeprovider

These are the references are will provide better knowledge about routing related and solve your problem.

I hope it's helps to you.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Muthu Kumar7y ago
Make sure you have imported angular.min.js file and angular-route.js file,

From understanding error image it's seems like an $rootscope issue i think. So make sure you have mentioned routing part is correct. For example,
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "main.htm"
    })
    .when("/red", {
        templateUrl : "red.htm"
    })
    .when("/green", {
        templateUrl : "green.htm"
    })
    .when("/blue", {
        templateUrl : "blue.htm"
    });
});
For Reference,

https://docs.angularjs.org/tutorial/step_09

https://docs.angularjs.org/api/ngRoute/service/$route

https://www.journaldev.com/6225/angularjs-routing-example-ngroute-routeprovider

These are the references are will provide better knowledge about routing related and solve your problem.

I hope it's helps to you.
0
Puneet Kankar7y ago
Please check below link I think you code not properly for routing. https://www.w3schools.com/angular/angular_routing.asp
0