Not getting data in ng-view tabs on using ngRoute.?

Question

I am getting some strange url like this http://localhost/bootstrap/aroute/index.html#!#%2Fstudent instead of

http://localhost/bootstrap/aroute/index.html#/student and also not getting the data on the page from templates.

My angular code is like this

`function RouteConfig($routeProvider){

        $routeProvider
            .when('/home',{

            templateUrl : 'home.html',
                controller : 'MainController'
            })
            .when('student',{
                templateUrl : '/student.html',
                controller : 'MainController'
            })
            .when('courses',{
                templateUrl : '/courses.html',
                controller : 'MainController'
            });
    }`

Answer 1

Include $locationProvider.hashPrefix(''); in your config.

function RouteConfig($routeProvider,$locationProvider){
        $locationProvider.hashPrefix('');
        $routeProvider
            .when('/home',{
            templateUrl : 'home.html',
                controller : 'MainController'
            })
            .when('student',{
                templateUrl : '/student.html',
                controller : 'MainController'
            })
            .when('courses',{
                templateUrl : '/courses.html',
                controller : 'MainController'
            });
    }