Angularjs 如何在文件中而不是脚本中编写模板？

我一直在使用以下代码：

modalInstance = $modal.open({
                templateUrl: 'myModalContent.html',
                controller: 'ModalInstanceController'
            });

及

通知
{{er.msg}}

---

如何在文件中而不是在文件中重新编码。这样做也有很大的缺点。我能想到的唯一一件事是，获取模板的第一份副本需要时间。但是我假设它是从缓存中提供的。

您可能想看看templateCache：

---

这基本上将模板连接到一个文件中，然后可以缩小、合并和提供，从而防止下载多个

.html

视图文件。

您可能需要查看templateCache：

---

这基本上将模板连接到一个文件中，然后可以缩小、合并和提供，从而防止下载多个

.html

视图文件。

您可能需要查看templateCache：

---

这基本上将模板连接到一个文件中，然后可以缩小、合并和提供，从而防止下载多个

.html

视图文件。

您可能需要查看templateCache：

---

这基本上将模板连接到一个文件中，然后可以缩小、合并和提供，从而防止下载多个

.html

视图文件。

唯一的缺点是需要额外的网络调用来加载另一个html文件。尝试将html内容放入文件中，并将其另存为

myModalContent.html

    <div class="modal-header">
        <h3 class="modal-title">Notification</h3>
    </div>
    <div class="modal-body">
        {{ er.msg }}
    </div>
    <!--<div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>-->

通知
{{er.msg}}

唯一的缺点是需要额外的网络调用来加载另一个html文件。尝试将html内容放入文件中，并将其另存为

myModalContent.html

    <div class="modal-header">
        <h3 class="modal-title">Notification</h3>
    </div>
    <div class="modal-body">
        {{ er.msg }}
    </div>
    <!--<div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>-->

通知
{{er.msg}}

唯一的缺点是需要额外的网络调用来加载另一个html文件。尝试将html内容放入文件中，并将其另存为

myModalContent.html

    <div class="modal-header">
        <h3 class="modal-title">Notification</h3>
    </div>
    <div class="modal-body">
        {{ er.msg }}
    </div>
    <!--<div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>-->

通知
{{er.msg}}

唯一的缺点是需要额外的网络调用来加载另一个html文件。尝试将html内容放入文件中，并将其另存为

myModalContent.html

    <div class="modal-header">
        <h3 class="modal-title">Notification</h3>
    </div>
    <div class="modal-body">
        {{ er.msg }}
    </div>
    <!--<div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>-->

通知
{{er.msg}}

这与创建任何普通HTML文件相同

例如，假设您有一个包含模板的HTML文件，并将其保存在web应用程序根目录中名为partials的文件夹中

HTML内容将是相同的，除了脚本标记

    <div class="modal-header">
        <h3 class="modal-title">Notification</h3>
    </div>
    <div class="modal-body">
        {{ er.msg }}
    </div>
    <!--<div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>-->

---

假设您的模板可以在某个位置访问，这是有效的。这与创建任何普通HTML文件相同

例如，假设您有一个包含模板的HTML文件，并将其保存在web应用程序根目录中名为partials的文件夹中

HTML内容将是相同的，除了脚本标记

    <div class="modal-header">
        <h3 class="modal-title">Notification</h3>
    </div>
    <div class="modal-body">
        {{ er.msg }}
    </div>
    <!--<div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>-->

---

假设您的模板可以在某个位置访问，这是有效的。这与创建任何普通HTML文件相同

例如，假设您有一个包含模板的HTML文件，并将其保存在web应用程序根目录中名为partials的文件夹中

HTML内容将是相同的，除了脚本标记

    <div class="modal-header">
        <h3 class="modal-title">Notification</h3>
    </div>
    <div class="modal-body">
        {{ er.msg }}
    </div>
    <!--<div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>-->

---

假设您的模板可以在某个位置访问，这是有效的。这与创建任何普通HTML文件相同

例如，假设您有一个包含模板的HTML文件，并将其保存在web应用程序根目录中名为partials的文件夹中

HTML内容将是相同的，除了脚本标记

    <div class="modal-header">
        <h3 class="modal-title">Notification</h3>
    </div>
    <div class="modal-body">
        {{ er.msg }}
    </div>
    <!--<div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>-->

---

假设您的模板可以在某个位置访问，这是有效的

您是否尝试将其放入文件中？没有附带的标记，您是否尝试将其放入文件中？没有附带的标记，您是否尝试将其放入文件中？没有附带的标记，您是否尝试将其放入文件中？没有封闭标签