如何仅在未使用 Thymeleaf 渲染时才包含元素？

Question

我们的 Angular 应用程序可以通过 Spring Boot 和“ng serve”（主要用于开发目的）提供服务。在第一种情况下，它的 index.html 是用 Thymeleaf 渲染的，而在后一种情况下则不是。

我需要包含一个<script>，它在第一种情况下将src作为url A（一个prod脚本，当通过Thymeleaf提供时）和在第二种情况下的url B（开发链接）..

想不出办法。我可以的

<script th:src='url-A'></script>
<script src='url-B'></script>

这对于“开发”部署（没有 Thymeleaf）是可以的，但是当它与 Thymeleaf 一起提供时，两个元素都将被渲染并由浏览器处理，我想避免这种情况..

我想知道是否有任何结构可以让我在模板中包含 something，当 Thymeleaf 不处理它时，它是一个安全有效的 HTML； AND 在 ? 时被渲染为 nil（空字符串）？

Answer 1

有几种简单的方法可以做到这一点。最简单的方法是简单地包含一个th:src 和一个src。 Thymeleaf 在 SpringBoot 中渲染时将覆盖静态 src（通过ng serv 提供服务时它将被单独保留）。

<script src="url-B" th:src="url-A"></script>

您也可以使用th:remove 属性。

<script th:src="url-A"></script>
<script src="url-B" th:remove="all"></script>