AngularJSとThymeleafテンプレートを組み合わせるには

Question

現在、Thymeleafを使用しているWebページをAngularJSに変換しています。

私はこれらのth:valueの変数はその後、私のデータベースからエントリを削除するには、これらの変数を使用して、私のコントローラクラスで@PostMappingメソッドに渡されている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> 

を含む次のブロックを変換したいです。

どのようにAngularJSを使用してこれを達成できますか？同じアプローチを取って、私はremoveRow()機能が正常にUIのテーブルから行を削除し

<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> 

を持って、私はちょうど私のコントローラクラスのメソッドに{{x.vid_id}}と{{x.id}}値を送信する必要があります。

Angularを使用しようとすると、th:value="{{x.id}}" thymeleaf変数の解析エラーが発生するため、私は明らかに正しい構文を使用していません。私もth:value="${{x.id}}"'とth:value="${{{x.id}}}"を試しました。

角度変数を渡すことに関してオンラインで何かを見つけることができませんでした。これも可能ですか？

Answer 1

AngularJS（クライアント側のHTMLテンプレート用のSPAフレームワーク）とThymeleaf（サーバー側のHTMLテンプレート用のライブラリ）を混在させないでください。サーバーやクライアントでテンプレートを作成し、それに固執してください。

これらの2つを組み合わせることはまったく意味がありません。