asp.net - Angularjs + MVC - 找不到 TemplateUrl

Question

您好，我一直在关注有关 Asp.net Core 的教程。但我只对 Angular 部分感兴趣，我没有使用 Asp.net 核心。我现在可以使用此方法轻松地将任何部分 html 包含到我的 mvc/asp/angular 应用程序中:

主模块

(function(){
    "use strict";
    angular.module("app-test", ["simpleControls"]);
})();

指令

(function () {

    "use strict";

    angular.module("simpleControls", [])
        .directive("waitCursor", waitCursor);

    function waitCursor() {
        return {      
            templateUrl: "/Views/Helper/WaitCursor.html"
        };
    }
})();

部分 html - 位于 Views/Helper/

<div class="text-center">
    <i class="fa fa-spinner fa-spin"></i> Loading...
</div>

主 html

<wait-cursor ng-show="true"></wait-cursor>

错误好像找不到要找的东西

我试过:templateUrl: "~/Views/Helper/WaitCursor.html"

templateUrl: "Views/Helper/WaitCursor.html"

templateUrl: "WaitCursor.html"-> 主根文件夹中的文件

为什么它像我在教程中看到的那样在 ASP Core 中工作，但在正常的 asp.net mvc 4(我正在使用的)中却不能工作，以及如何解决这个问题。

Answer 1

~/Views 文件夹中的文件受到保护，不能直接提供给客户端。它们的目的是仅在服务器上使用和呈现，而不是作为静态文件返回给客户端。

如果你想使用有 Angular 的 HTML 模板，那么将它们放在一些 ~/public/templates 文件夹中(或者你喜欢但在 ~/Views 之外的东西)，可以从客户端浏览器。