AngularUI 从 ASP.NET.MVC 中的直接路径加载模式模板答案

【问题标题】：AngularUI loading modal template from direct path in ASP.NET.MVCAngularUI 从 ASP.NET.MVC 中的直接路径加载模式模板
【发布时间】：2014-01-30 17:09:07
【问题描述】：

从这里你可以看到你可以从 ASP.NET.MVC 控制器加载 html 片段，它返回一个视图：

Angular ng-include cshtml page

<div ng-include="'Home/Template/login'"></div>

我尝试对 AngularUI 模态窗口做同样的事情：

var modalInstance = $modal.open({
        templateUrl: "'Home/Template/Modal'"
    });

出现错误：

GET http://localhost:3289/'Home/Template/Modal' 404 (Not Found)

所以它在路径中包含引号，有什么建议如何从 MVC View 文件夹加载 HTML 片段？

【问题讨论】：

您的模板路径是否正确？如果在浏览器中传递它会得到什么？也尝试从路径中删除引号。
这是我的mvc控制器的路径，它返回一个视图文件。

标签： c# asp.net-mvc angularjs asp.net-mvc-4 angular-ui-bootstrap

【解决方案1】：

$modal 服务的templateUrl 属性与ng-include 的行为不同（不知道你为什么会这样假设），因为它不是AngularJS 表达式，而是一个简单的JavaScript 表达式。因此，它不需要双引号来引用固定的 JavaScript 字符串。

只写：

var modalInstance = $modal.open({
    templateUrl: 'Home/Template/Modal'
});

【讨论】：