Pug / Jade：在列表组项目内容之前添加 font-awsome 按钮

Question

我正在尝试在 Pug 迭代中的列表组项目内容之前添加一个 font-awsome 图标，但无法使其看起来有效。

获取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

如何最有效地做到这一点？

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}