2013-09-11 2 views
3

Я пытаюсь разработать простой пример для угловой маршрутизации, но ее не работает (не перенаправляют на страницу ожидать, когда я просматривать корневой каталог)AngularJs маршрутизация не работает

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() { 

} 

Я бегу это из Visual studio и корневого url, который я получаю в браузере, - localhost: 3669/и, согласно моей угловой маршрутизации, я ожидаю, что это покажет dashboard.html, но это не так и показывает только основную html-страницу (код, который я вставил)

Любая помощь по этому вопросу будет оценено

+1

Вы routing.js должны быть определены после angular.js – Chandermani

ответ

4

Вы используете свой код перед Угловая! Поместите <script> с кодом после <script> Углового.

2

Пожалуйста, удалите '/' из '/Templates/dashboard.html' просто использовать шаблоны/dashboard.html

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

.otherwise({redirectTo :'Templates/otherwise.html'}) 
Смежные вопросы