如何结合AngularJS和thymleaf模板

Question

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

我想转换下面包含thyymleaf的块

<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变量被传递给控制器类中的@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}}和{{x.id}}值发送到控制器类中的方法。

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

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

Answer 1

你不应该把AngularJS(客户端HTML模板的SPA框架)和Thymeleaf(服务器端HTML模板库)混在一起。您应该选择在服务器或客户机上做模板，并坚持下去。

把这两者结合在一起根本没有意义。