angularjs路由visualstudio

Question

我正在學習使用Visual Studio社區2015年的angularjs。一切工作正常，直到我得到路由。我不知道如何使用服務器端的要求來測試我的代碼與路由和URL中的＃。

當我調試時，我得到的鏈接，但沒有添加ngview的HTML片段。我懷疑我必須做一些事情來讓服務器識別URL中的＃，但經過幾天的閱讀/搜索，沒有運氣（我已經閱讀了關於更改web.config或添加一些C＃代碼，但這些都沒有爲我工作）。

我的問題：

• 考慮下面的代碼，我有一個Angularjs問題？
• 我需要做些什麼才能讓社區2015上的服務器識別URL中的＃號？
• 什麼是調試這個最好的方法？現在，我只是得到一個空白頁面，沒有錯誤消息，並且沒有鏈接工作;按照預期，ng-view不顯示html片段。

在社區2015年，我用Visual C＃>> Web >> asp.net app >>空模板開始了新項目。

這裏是我的路線代碼： ngview index.html中的app.js

<div class="main-wrapper"> 
<div ng-view></div>  

負載ngRoute庫

<!-- AngularJS --> 
    <!--<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>--> 
    <script src="Scripts/angular.min.js"></script> 
    <script src="Scripts/angular-route.min.js"></script> 
    <script src="Scripts/angular-sanitize.min.js"></script> 

    <script src="js/app.js"></script> 
    <script src="js/routes.js"></script> 

    <!-- Controllers --> 
    <script src="js/controllers/instructionsController.js"></script> 
    <script src="js/controllers/faqController.js"></script> 

進口ngRoute模塊

(function() { 
     'use strict'; 
     angular.module('VideoOnTheMove', ['ngRoute', 'ngSanitize'])  
    })(); 

Route.js

angular.module('VideoOnTheMove') 
.config(['$routeProvider', function ($routeProvider) { 

    $routeProvider.when('/home', { 
     templateUrl: '/templates/pages/home/index.html' 
    }) 

    .when('/overview', { 
     templateUrl: '/templates/pages/overview/index.html' 
    }) 

    .when('/instructions', { 
     templateUrl: '/templates/pages/instructions/index.html', 
     controller: 'instructionController', 
     controllerAs: 'instructionsCtrl' 
    }) 

    .when('/faq', { 
     templateUrl: '/templates/pages/faq/index.html', 
     controller: 'instructionsController', 
     controllerAs: 'faqCtrl' 
    }) 

    .when('/checklist', { 
     templateUrl: '/templates/pages/checklist/index.html' 
    }) 

    .when('/', { 
     redirectTo: 'home' 
    }) 

    .otherwise({ 
     redirectTo: '/' 
    }); 

}]); 

Answer 1

你的控制器腳本之前路由配置腳本

<script src="Scripts/angular.min.js"></script> 
<script src="Scripts/angular-route.min.js"></script> 
<script src="Scripts/angular-sanitize.min.js"></script> 

<script src="js/app.js"></script> 

<!-- Controllers --> 
<script src="js/controllers/instructionsController.js"></script> 
<script src="js/controllers/faqController.js"></script> 

<script src="js/routes.js"></script>