控制台错误:找不到图像

时间:2017-07-07 14:09:20

标签: angularjs twig

某些背景: 我正在使用.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

1 个答案:

答案 0 :(得分:1)

您必须使用ng-src来渲染范围内定义的图像。原因是浏览器会将其读作{{variable}}分配给您的src标记,而不是先将其渲染然后再分配。因此,ng-src将确保首先呈现您的变量,然后将其分配给您的标记。

更多信息https://docs.angularjs.org/api/ng/directive/ngSrc