gpt4 book ai didi

java - 如何结合 AngularJS 和 Thymeleaf 模板

转载 作者:行者123 更新时间:2023-12-01 09:15:14 26 4
gpt4 key购买 nike

我正在将当前使用 Thymeleaf 的网页转换为使用 AngularJS。

我想转换包含 Thymeleaf 的 follow block

<form th:action="@{?deleteLog}" th:object="${log}" method="post" class="in-line">
<input type="hidden" th:value="${log.vid_id}" name="vid_id" />
<input type="hidden" th:value="${log.id}" name="id" />
<button type="submit" class="btn btn-danger">Delete</button>
</form>

这些 th:value 变量被传递到我的 Controller 类中的 @PostMapping 方法,然后使用这些变量从我的数据库中删除条目。

如何使用 AngularJS 实现此目的?采用与我相同的方法

<form th:action="@{?deleteLog}" method="post" class="in-line">
<input type="hidden" th:value="{{x.vid_id}}" name="vid_id" />
<input type="hidden" th:value="{{x.id}}" name="id" />
<input type="button" value="Remove" class="btn btn-danger" ng-click="removeRow(tableList.id)" />
</form>

removeRow() 函数成功从 UI 中的表中删除行,我只需要发送 {{x.vid_id}}我的 Controller 类中的方法的 {{x.id}} 值。

我显然没有使用正确的语法,因为当我尝试使用 Angular 时,我遇到了 th:value="{{x.id}}" thymeleaf 变量的解析错误。我还尝试过 th:value="${{x.id}}"'th:value="${{{x.id}}}".

我在网上找不到任何有关传递 Angular 变量的信息。这可能吗?

最佳答案

您不应该将 AngularJS(用于客户端 HTML 模板的 SPA 框架)与 Thymeleaf(用于服务器端 HTML 模板的库)混合使用。您应该选择在服务器或客户端上进行模板化并坚持下去。

将这两者结合起来根本没有意义。

关于java - 如何结合 AngularJS 和 Thymeleaf 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40602013/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com