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 に答える