某些背景:
我正在使用.twig
文件来显示一些.png
图片,例如
<img class="output-icons" src="{{ asset('path/to/images/output_icon_' ~ '{{ output.slug }}' ~ '.png') }}">
图像全部命名为output_icon_(output.slug).png
; output.slug
有11种不同的slu ,,我拥有相同数量的图片。这是一个图片名称示例:output_icon_balance.png
。
到目前为止一切顺利,一切正常,但即使所有11张照片都在显示,控制台也显示出来
GET URL/path/output_icon_%7B%7B%20output.slug%20%7D%7D.png?v2212 404 not found
答案 0 :(得分:1)
您必须使用ng-src
来渲染范围内定义的图像。原因是浏览器会将其读作{{variable}}分配给您的src标记,而不是先将其渲染然后再分配。因此,ng-src将确保首先呈现您的变量,然后将其分配给您的标记。