如何結合AngularJS和Thymeleaf模板

Question

我正在將當前使用Thymeleaf的網頁轉換爲使用AngularJS。

我想包含Thymeleaf

<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模板的庫）混合使用。您應該選擇在服務器或客戶端上進行模板化，並堅持使用它。

結合這兩者根本沒有意義。