春天百里香文本下一行

Question

我想将来自我的控制器的消息传递回我的百里香叶模板并在多行上设置值。

在我的控制器中，我设置了这样的文本。

String message="item A \n item B \n Item C \n Item D"; //it could be 4 values, could 10 values.

modelAndView.addObject("successMessage", message);

在我的 thymeleaf 模板中，我将其设置为这样。

<p th:utext="${successMessage}"></p>

我希望它显示为

item A
item B
item C
item D

在前端，并非全部在一行中。我该怎么做？多谢。

Answer 1

1）我的建议是将它作为数组传回。

List<String> messages = Arrays.asList("item A", "item B", "Item C", "Item D");
modelAndView.addObject("successMessages", messages);

HTML：

<p th:each="message: ${messages}" th:text="${message}"></p>

2）如果你不想做，你当然可以用日：utext，但你必须使用<br />替代\n。

3）另一种选择是继续在你的css中使用\n和使用white-space: pre。

<p style="white-space: pre;" th:text="${successMessage}"></p>