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

时间:2014-01-30 08:02:21

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

从这里你可以看到你可以从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片段的任何建议吗?

1 个答案:

答案 0 :(得分:2)

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

只需写下:

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