javascript - Pug / Jade：在 list-group-item 内容之前添加 font-awsome 按钮

Question

我正在尝试在 Pug 迭代中的列表组项内容之前添加一个令人敬畏的字体图标，但无法使其看起来有效。

在 list-group-item 内容之后获取图标很容易，但是我之前如何获取它（我尝试了一些方法但没有成功）？

- var x = list_content
.list-group.list-group
    each val in x
        .list-group-item=val
             i.fal.fa-chart-line.fa-fw        // this will generate the button after the content

怎样才能最有效地做到这一点？

标签： javascriptbootstrap-4pug

Answer 1

- var x = list_content
.list-group.list-group
    each val in x
        .list-group-item
             i.fal.fa-chart-line.fa-fw

             // prefixing equal sign does the trick
             =val

             // or use piped text plus string interpolation
             | #{val}