确保你已经引入了 AngularJS 路由模块,并且定义好了需要使用的路由和对应的 HTML 文件。
检查 ASP.NET MVC 后端是否正确响应路由所需的请求。如果你的路由是 /home,并且你需要加载的 HTML 文件为 Home.html,则在 ASP.NET MVC 项目中,你需要为这个路由配置一个对应的 action,如下所示:
public ActionResult Home()
{
return View("~/Views/Home.html");
}
public PartialViewResult Home()
{
return PartialView("~/Views/Home.html");
}
var app = angular.module('myApp', ['ngRoute']);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl : "main.html"
})
.when("/home", {
templateUrl : "home.html"
})
.otherwise({
redirectTo: '/'
});
});
注意:假设你的 MVC 项目如下目录结构:
如果你使用了 Razor 视图引擎,你需要在 Index.cshtml 中嵌入 Home.html 文件如下所示:
@Html.Partial("~/Views/Home.html")