AngularJs routing not working

Question

I am trying to work out a simple example for the angular routing but its not working (it is not getting redirected to the page i expect when i browse the root directory)

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head data-ng-app="MyApp">
    <title></title>
    <script src="Scripts/routing.js"></script>
</head>
<body>
   Hello

    <ng-view></ng-view>
     <script src="Scripts/angular.js"></script>
</body>
</html>

JAVASCRIPT (routing.js)

/// <reference path="angular.js" />

var MyApp = angular.module('MyApp', [])

.config(function ($routeProvider, $locationProvider) {

    $locationProvider.html5Mode(true);

    $routeProvider.when('/', { templateUrl: '/Templates/dashboard.html',controller:'Mycontroller' })

    .otherwise({redirectTo :'/Templates/otherwise.html'})

});

function Mycontroller() {

}

I am running this from Visual studio and the root url am getting in the browser is localhost:3669/ and as per my angular routing i expect this to dispaly the dashboard.html but it is not and shows only the main html page (the code i have pasted)

Any help on this will be much appreciated

You routing.js should be defined after angular.js

Chandermani
– Chandermani

2013-09-11 09:48:30 +00:00
Commented Sep 11, 2013 at 9:48 — Chandermani
– Chandermani, Commented Sep 11, 2013 at 9:48

Nikos Paraskevopoulos · Accepted Answer · 2013-09-11 09:48:25Z

4

You are running your code before Angular! Place the <script> with your code after the <script> of Angular.

answered Sep 11, 2013 at 9:48

Nikos Paraskevopoulos

40.4k13 gold badges91 silver badges99 bronze badges

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

Comments

TalentTuner · Accepted Answer · 2013-09-11 09:57:37Z

2

Please remove '/' from '/Templates/dashboard.html' just use Templates/dashboard.html

$routeProvider.when('/', { templateUrl: 'Templates/dashboard.html',controller:'Mycontroller' })

.otherwise({redirectTo :'Templates/otherwise.html'})

answered Sep 11, 2013 at 9:57

TalentTuner

17.6k6 gold badges40 silver badges65 bronze badges

Collectives™ on Stack Overflow

AngularJs routing not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related