2016-01-22 137 views
0

我有一個ng-view,不想加載porblem。 如果我按一個鏈接,我得到下面的網址上: http://localhost:63024/Home/Index#/routeOne路由Asp.Net AngularJs

代碼爲我的控制器:

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     return View(); 
    } 
    public ActionResult One() 
    { 
     return View(); 
    } 

    public ActionResult Two() 
    { 
     return View(); 
    } 

    public ActionResult Three() 
    { 
     return View(); 
    } 
} 

所以一個很簡單的控制器。

而下面的路由:

var configFunction = function ($routeProvider) { 
$routeProvider. 
    when('/routeOne', { 
     templateUrl: 'Home/one' 
    }) 
    .when('/routeTwo', { 
     templateUrl: 'Home/two' 
    }) 
    .when('/routeThree', { 
     templateUrl: 'Home/three' 
    }); 
} 
configFunction.$inject = ['$routeProvider']; 

myApp.config(configFunction); 

而以下幾種觀點:

<ul> 
    <li><a href="#/routeOne">Route One</a></li> 
    <li><a href="#/routeTwo">Route Two</a></li> 
    <li><a href="#/routeThree">Route Three</a></li> 
</ul> 

<div ng-view></div> 
+3

你正在混合角度路由(客戶端)與ASP.net路由(服務器端) - 他們是不一樣的...通常你會使用Angular在不涉及服務器路由的情況下路由到「瀏覽」視圖(Angular會通過Ajax/XHR獲取新的視圖/模板) – EdSF

+0

因此,我應該只提供一個路由引擎,Angular路由或Asp.net路由? – Anokrize

+0

或者我可以將Angular路由與Asp.net路由結合嗎? – Anokrize

回答

1

有你指定的視圖在MVC應用程序的控制器動作,和NG-控制器/ ng-app的角度? (發佈這個答案,因爲我不能發表評論)