3

我正在尝试为角度路由制定一个简单的示例，但它不起作用（当我浏览根目录时，它没有被重定向到我期望的页面）

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 页面（代码我已经粘贴了）

对此的任何帮助将不胜感激

4

2 回答 2

4

你在 Angular 之前运行你的代码！将<script>与您的代码放在<script>Angular 之后。

于 2013-09-11T09:48:25.197 回答
2

请从 '/Templates/dashboard.html' 中删除 '/' 只需使用 Templates/dashboard.html

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

.otherwise({redirectTo :'Templates/otherwise.html'})
于 2013-09-11T09:57:37.343 回答