ng-include 无法找到部分 html 文件

Question

我正在尝试实现一个基本的选项卡集，其中每个选项卡都使用自己的控制器从单独的局部视图中获取其内容。我创建了三个带有基本文本的虚拟 HTML 文件，只是为了测试管道，但我似乎无法让 ng-include 工作。我不确定如何在路径方面使用它。我的 HTML 文件在 /Areas/SEFlex/Views/Home/，我的 angular 控制器在 /app/SEFlex/controllers

这是我的标签页HTML

<div class="col-md-12">
            <tabset>
                <tab heading="Jobs" ng-show="AuthService.canRunFlexJobs || AuthService.canRunHighPriorityFlexJobs">
                    <div ng-include="'SEFlex/Home/Jobs.cshtml''"></div>
                </tab>
                <tab heading="Models" ng-show="AuthService.canViewFlexModels">
                    <div>test</div>
                </tab>
                <tab heading="Administrator" ng-show="AuthService.canAdministerFlex">
                    <div ng-include="'SEFlex/Home/Administrator.cshtml''"></div>
                </tab>
            </tabset>
        </div>

我是不是弄错了相对路径？

Answer 1

你只是有一个语法错误，多了一个单引号。

<div ng-include="'SEFlex/Home/Jobs.cshtml'"></div>

Answer 2

我就是这样做的。

控制器

public ActionResult Index(string id)
{
    switch (id.ToLower())
    {
        case "index":
            return View();
        case "search":
            return PartialView("~/Views/App/SearchResults.cshtml");
        default:
            throw new Exception("template not known");
    }
    //return View();
}

HTML

<md-tab label="Search and Results">
    <div ng-include="'Home/Index/search'"></div>
</md-tab> <br>

ng-include 无法找到部分 html 文件

ng-include cannot locate partial html files

html

javascript

asp.net-mvc

angularjs

angularjs-ng-include