Angularjs routing matching

Question

In one of my view ther is a link like this with href attribute href = "!#/Program"and i am trinying to match it with below routing,but its giving me no route matches error as "No route matches "/!".

my html code is

<p><a href="!#/Program">Click me</a></p>

my main.js file

var app = angular.module('app', []);
         app.config(function ($routeProvider,$locationProvider) {
        //$locationProvider.html5Mode(false);
        //$locationProvider.hashPrefix("!") ;
        $routeProvider
    .when('/',
    {
        templateUrl: "app.html",
        controller: "AppCtrl"
    }

)
    .when('/Program' ,
    {   templateUrl: "detail1.html" ,
        controller: "Redirect"
    }
)
    .when('/Program/123456/channel/78458585',

    {
        templateUrl: "details.html" ,
        controller: "Detail"
    }
    )  ;

});

zs2020 · Accepted Answer · 2013-09-15 15:45:31Z

2

You should just use the path without the bang(!), try this:

<p><a href="#/Program">Click me</a></p>

If you set $locationProvider.hashPrefix('!');, then you should use #! in stead of !# like this (make sure you have the module $locationProvider injected)

<p><a href="#!/Program">Click me</a></p>

# is the separator, and the prefix is inserted at the beginning of the # part which is after #.

answered Sep 15, 2013 at 15:45

zs2020

54.7k30 gold badges157 silver badges223 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs routing matching

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related