Question

在Django项目中，我使用的是Jinja + pug。为了帮助我正在讨论的元素，我在下面的代码中添加了四个正斜杠：

each val in bottles
            tr
                th(scope="row")= index
                ...
                    div.text-center
                        ////
                        button.btn.btn-default.btn-xs(type="button", data-toggle="modal", data-target='#{{ val.name }}')
                            span.glyphicon.glyphicon-plus.text-primary
                        button.btn.btn-default.btn-xs(type="button", data-toggle="modal", data-target=".remove-bottles")
                            span.glyphicon.glyphicon-minus.text-primary
                //- Add Quantity Modal
                ////
                div.modal.fade(tabindex="-1" role="dialog")(id="{{val.name}}")
                ...

所以基本上第一个button会触发模态div，但我需要设置data-target='#{{val.name}}'。这样做会导致语法错误，同时添加空格（如data-target='# {{val.name}}'}）会在井号（#）和{{val.name}}之间添加空格，这意味着ID不会匹配。

如何将#和{{val.name}}与它们之间的空格连接起来？

Answer 1

找到解决方案：

data-target="#" + val['name'])

Jinja：在HTML属性中连接'＃'+变量？

1 个答案: