我正在研究 MVC 5 项目。当我在视图中使用 html 页面时，它会加载该页面，但是当我使用 .cshtml 页面时，它不会加载视图。出现空白页。
$urlRouterProvider
.otherwise('/app/dashboard');
$stateProvider
.state('app', {
abstract: true,
url: '/app',
templateUrl: 'tpl/app.html'
})
.state('app.dashboard', {
url: '/dashboard',
templateUrl: 'tpl/app_dashboard.html'
})
请指导我如何使用 cshtml 文件或使用它的最佳方法。
添加一个类似的答案到Yasser's，但使用 ngRoute：
1) 而不是引用您的部分 HTML，您需要将控制器/操作引用到您的 ASP.NET MVC 应用程序。
.when('/order', {
templateUrl: '/Order/Create',
controller: 'ngOrderController' // Angular Controller
})
2) 你的 ASP.NET MVC 将返回一个 .cshtml 视图：
public class OrderController : Controller
{
public ActionResult Create()
{
var model = new MyModel();
model.Test= "xyz";
return View("MyView", model);
}
}
3) 您的 MyView.cshtml 将混合 Razor 和 Angular。注意：作为您的 Angular 应用程序的一部分，请将布局设置为 null。
@model MyProject.MyModel
@{
Layout = null;
}
<h1>{{ Test }}</h1> <!-- Angular -->
<h1>Model.Test</h1> <!-- Razor -->
你不能。
您不能在角度路线的模板 url 中使用 .cshtml 文件的路径。你能在浏览器中打开 .cshtml 文件吗？无权利 ？同样的事情在这里也适用。
解决方法：
.cshtml 文件包含服务器端代码，要呈现它，您需要使用控制器和操作。他们将为您呈现该 .cshtml 文件。因此，让控制器操作为您返回该视图，并在您的角度路线中使用控制器操作的 url。
例如：
state('app.dashboard', {
url: '/dashboard',
templateUrl: '/dashboard/index'
})
和
public class DashboardController : Controller
{
public ActionResult Index()
{
return View();
}
}
ps：试过了，这对我有用
您不能混合使用 angularJs 和 Razor 视图，razor 加载在服务器中，而 angular 在客户端中运行它使用在浏览器中运行的 javascript 来呈现视图，这就是为什么人们倾向于在您的情况下使用 rest api 作为后端由于您使用的是 .net，因此它可能是 Web API 或服务堆栈。
您可以做的是将 razor 视图作为主“索引页面”执行，但从那里让 angularjs 处理“内部”页面的路由。
请记住，angular 是建立在单页应用程序的思想之上的，它是asp.net mvc 体系结构的不同视角。
cshtml 本质上是具有 razor 语法的内联 csharp 代码，并在服务器站点上呈现为 html，因此您不能在角度路由中使用，因为浏览器无法识别 c#