Question

所以标题是问题..我有一个像

这样的片段

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" th:fragment="header">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">My Shop</a>

因此，当我在浏览器中打开此文件时，将显示静态内容（例如，我的商店）。

在我导入此部分的主html文件中，我只想使用一个简单的：替换这样的标记：

<div th:replace="fragments :: header"></div>

所以，在运行时，一切正常。但是，当我想将此文件用于原型设计时，直接在浏览器中打开文件时，文件的内容（静态文本，如＆＃34;我的商店＆＃34;）将不会显示，因为此文件不知道关于片段的任何事情。有没有办法实现这一点，而不是重写主html中的所有内容？

我可以这样想象：

<div th:replace="fragments :: header" th:fragment-file="fragment.html"></div>

Answer 1

根据Thymeleaf doc（http://www.thymeleaf.org/doc/layouts.html）

当Thymeleaf模板用作静态原型时，我们看不到   我们使用th包含的片段：include / th：替换主机   标签。我们只能看到碎片，打开自己的模板   文档。

然而，有一种方法可以看到我们的真实片段   原型设计时的页面。这可以使用百里香酚来完成   （http://www.thymoljs.org/），一个非官方的JavaScript库   Thymeleaf标准片段包含的实现   功能，为某些Thymeleaf属性提供静态支持   喜欢：include或th：replace，条件显示   th：if / th：除非，等等。

您还可以使用模板别名（使用resolver.addTemplateAlias（＆＃34;模板＆＃34;，＆＃34;文件夹/模板＆＃34;））

如何查看Thymeleaf片段的静态内容，而不是在使用它时再次重写它？

1 个答案: