MEAN.IO如何更改默认模板?

时间:2014-08-18 02:34:22

标签: javascript html5 swig mean.io

我发现很难弄清楚MEAN.IO堆栈如何定义模块和/或包中使用的default.html模板。我正在尝试将一个视图更改为使用default.html模板,以使用我定义的模板。

他们的文档http://mean.io/#!/docs表示他们使用' swig'作为他们的模板系统。但是,我进行了文件搜索,在模板中,我发现了5次' swig'它只在html中声明为文本。我没有看到swig在哪里使用,或者没有注入后端。它应该在后端。有任何想法吗? 。

默认是我所有其他网页用作其父网页的html模板。我想将html更改为另一个。这是default.html的样子:

<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml" itemscope="itemscope" itemtype="http://schema.org/Product">
{% include '../includes/head.html' %}

<body>
    <div class="navbar navbar-default navbar-fixed-top" data-ng-include="'/system/views/header.html'" data-role="navigation"></div>
    {% if adminEnabled %}
    <section class="admin-menu">
        <div data-ng-include="'/mean-admin/views/index.html'"></div>
    </section>
    {% endif %}
    <section class="content">
        <section class="container">
            {% block content %}{% endblock %}
        </section>
    </section>
    {% include '../includes/foot.html' %}
</body>

</html>

1 个答案:

答案 0 :(得分:2)

如果有人在这里找到答案希望得到答案: 文档可以在这里找到: http://learn.mean.io/#mean-stack-packages-overriding-the-default-layouts

来自文档:

  

可以通过自定义包覆盖应用程序的默认布局。   下面是一个覆盖系统默认布局的示例,而是使用在包

中本地找到的布局
MyPackage.register(function(system, app) {
  app.set('views', __dirname + '/server/views');
  // ...
  

请注意,包装必须依赖系统以确保它   在系统之后评估,因此可以覆盖视图文件夹