我目前正在开发一个网站的基础上模板（不幸的是），我得到了。在此模板中，我们有以下代码：

<button class="product-gallery-popup hintT-left" data-hint="Click to enlarge" data-images='[
                        {"src": "${product.zoomedPhotoURL}", "w": 700, "h": 1100},
                        {"src": "/images/product/extra/zoom1.jpg", "w": 700, "h": 1100},
                        {"src": "/images/product/extra/zoom2.jpg", "w": 700, "h": 1100},
                        {"src": "/images/product/extra/zoom3.jpg", "w": 700, "h": 1100}
                    ]'><i class="far fa-expand"></i></button>

正如您可能猜到的，在按钮的dataimages标签中，我有一个图像的变量src链接。如何根据控制器模型中的产品使其动态化？我总是得到解析异常，或者它将其视为正常字符串，从而生成错误的链接。