如何使用angularJS指向生产中的html模板

Posted 2021-05-02

因此我使用data-ng-include在div中显示html模板。我遇到的问题是在我的本地... html的路径工作，一切正常。然而，一旦我运行gulp构建并在生产中运行应用程序，我认为路径不正确，UI无法找到要显示的正确模板。

例如..

HTML：

<div id="abc" ng-init="init()">
    <div ng-controller="splitController" data-ng-include="templateURL"></div>
</div>

TemplateUrl：

$scope.templateURL = '/app/components/preview/split/split.html';

任何人都知道如何找到应用程序内置到prod时的html路径？

谢谢

答案

首先，将您的控制器与ng-include分开。为每个创建单独的元素

<div id="abc" >
    <div ng-controller="splitController" ng-init="init()">
         <div ng-include="templateURL"></div>
    </div>
</div>

然后在url中，确保在双引号内添加单引号。

$scope.templateURL = "'/app/components/preview/split/split.html'";