如何在thymeleaf屬性中轉義JavaScript變量

Question

當前使用javascript為圖像url創建動態表單，但是我似乎無法弄清楚如何以正確的方式轉義javascript var。 問題出在th：field =“ * {imageUrl ['+ iterator +']}”

碼：

<script type="text/javascript" th:inline="javascript">
var info = 1;
var iterator = 0;

function add_fields() {
info++;
iterator++;

var objTo = document.getElementsByClassName('form-group')[0]
console.log(objTo);

   var divtest = document.createElement("div");
 divtest.innerHTML = '<div class="form-group"><label class="col-lg-3 control-label">Field'+info+' </label><div class="col-lg-9"> <input type="text" th:field="*{imageUrl['+iterator+']}" class="form-control" name="field1" /></div></div>';

 objTo.appendChild(divtest)
 }
 </script>

但是我會收到以下錯誤：

java.lang.NumberFormatException：對於輸入字符串：“'+ iterator +'”

提前致謝

Answer 1

好吧，看起來很奇怪，導致其出現Java錯誤，並且您有JavaScript代碼。 但是，請嘗試在您的電話號碼上調用toString方法。

var nbr = 10;
var foo = 'your text' + nbr.toString() + ' more text'; 

Answer 2

我剛剛創建了一個javascript函數，使輸入表單可見，並將百里香葉變量放入隱藏的輸入表單中