How can we redirect to an existing route using ngRoute

Question

Can anyone provide the generic syntax of redirecting to another page from an existing web page??

Answer 1

Routing is just another way of fixing some content dynamically as part of your application.It is a key part of all websites and web applications in one way or another and ng-route is a way to achieve routing in client side of AngularJS.

If you want to route to another page then the generic syntax.

var app= angular.module( 'app', [ngRoute]);
app.config([ '$routeProvider', function($routeProvider){
        $routeProvider.when( '/first-msg' ,{
        templateURl :msg.htm,
        controller:message1
})
}]);

And, if you want to redirect from the existing route then add redirect attribute having the following syntax:

var app= angular.module( 'app', [ngRoute]);
app.config([ '$routeProvider', function($routeProvider){
        $routeProvider.when( '/first-msg' ,{
        templateURl :msg.htm,
        controller:message1

        .when( '/second-msg' ,{
         redirectTo:"/first-msg"
})
}]);

To know more about Angular, It's recommended to join Angular Certification today.