首页 > 解决方案 > 如何在哈巴狗模板中设置图像源变量?

问题描述

在创建电影信息平台时,我想打印图像海报。我无法将图像的来源设置为 pug 中的变量。

      each movie in movies
         .col-md-3(style="margin-bottom: 20px;")
             .text-center
                img(src= "#{movie.Poster}" style="width:100%; height:200px; padding: 0px 40px;")
                    h5(style="padding: 5px 40px 0px 40px;") #{movie.Title}
                    h5 #{movie.Year}

标签: htmlimagepug

解决方案


如果您将图像源存储在 中movie.Poster,那么我认为您应该尝试以下操作:

img(src=movie.Poster)

您可以在 Pug 文档中阅读有关属性插值的更多信息。


推荐阅读