是否需要AngularJS路由才能在asp.net Web應用程序（而不是MVC）中工作的附加設置？

Question

有問題獲取angularJS 路由工作在我的asp.net應用程序。

注意：AngularJS路由基本上允許在不刷新頁面的情況下將多個視圖交替插入同一頁面。

他們的任何連接設置或http設置需要調整才能使路由工作？ AngularJS路由可以使用ASP設置「開箱即用」（當然包括angular.min.js/angular-route.js腳本）嗎？

僅僅實現一個簡單的ASP.NET Web應用程序

我發現了一些教程這樣一個在網絡上，但它們不與路由的幫助，有時使用不可用的模板。

https://www.pluralsight.com/blog/software-development/angularjs-for-asp-net-applications

澄清 這個帖子，詢問是否需要任何額外的設置，或者如果路由只要作品的權利了與ASP Web應用程序框爲所需的角度腳本（angular.min包括.js/angular-route.js）。

角例 --Index.aspx--

<div ng-app="AngularStore" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="min-height:400px;"> 
    <div ng-controller="mainController"> 
     <nav class="navbar navbar-default"> 
      <div class="container"> 
      <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#/cart">Cart</a></li> 
      <li><a href="#/store">Store</a></li> 
      </ul> 
      </div> 
     </nav> 

     <div id="main"> 
      <div ng-view></div> 
     </div> 
    </div> 

<%--//javascript scripts--%> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script> 
    <script src="/scripts/angular.min.js"></script> 
     <script src="/scripts/angular-route.js"></script> 
    <script src="script.js"></script> 
</div> 

--script.js--

var storeApp = angular.module('AngularStore', ['ngRoute']). 

config(['$routeProvider', function ($routeProvider) { 
$routeProvider. 
    when('/store', { 
     templateUrl: "partials/store.html", 
     controller: 'HomeController' 
    }). 
    when('/products/:productSku', { 
     templateUrl: 'partials/product.html', 
     controller: 'HomeController' 
    }). 
    when('/cart', { 
     templateUrl: 'partials/shoppingCart.html', 
     controller: 'cartController' 
    }). 
    otherwise({ 
     redirectTo: '/cart' 
    }); 
}]); 

//I have tried including $route in function dependencies here. 
storeApp.controller('HomeController', function ($scope) { 
// create a message to display in our view 
$scope.message = 'Everyone come and see how good I look!'; 
}); 

storeApp.controller('cartController', function ($scope) { 
$scope.message = 'Look! I am a cartController page.'; 
}); 

storeApp.controller('mainController', function ($scope) { 
$scope.message = 'Look! I am a mainController page.'; 
}); 

Answer 1

這些額外的步驟使其工作。

1. 添加＃/的HREF中前：

   <li><a href="#/"><i class="fa fa-home"></i> Home</a></li> 
   <li><a href="#/about"><i class="fa fa-shield"></i> About</a></li> 
   <li><a href="#/contact"><i class="fa fa-comment"></i> Contact</a></li> 
   

2. 您routeProvider之前加入這個locationProvider配置。

   scotchApp.config(['$locationProvider', function ($locationProvider) { 
       $locationProvider.hashPrefix(''); 
   }]); 
   

Answer 2

我已經用最少的問題之前，實施這一。不能回憶需要設置的任何特殊設置。當Web應用程序將大部分頁面包裝在表單中時，表單驗證可能會非常棘手。沒有關於您能夠提供的所有具體問題的更多信息。