使用 Jade/Pug 设置动态 ID答案

【问题标题】：Setting dynamics IDs using Jade/Pug使用 Jade/Pug 设置动态 ID
【发布时间】：2017-07-04 13:06:49
【问题描述】：

我正在努力使用 Jade/Pug 设置动态 ID。

我有一个带有复选框列的表格，我正在尝试在这些复选框中设置一个动态/随机的id。我正在使用#item$index，但它不起作用。

这是我的代码：

tbody(table-select='ms.tableSelectConfig', ng-model='ms.selected')
    tr(ng-repeat='item in ms.items', table-select-item='item')
        td
            table-select-checkbox#item$index
        td {{item.code}}
        td {{item.name}}
        td {{item.component|const:'components'}}
    tr(ng-if='ms.items.length<1')
        td(colspan='4') Nothing found.

【问题讨论】：

你正在混合 Angular 和 pug 模板

标签： angularjs html pug

【解决方案1】：

您将它与 Angular 模板语法混淆了。它可以用 Pug 写成：

table-select-checkbox(id= "item"+index)

【讨论】：

是的，我正在尝试将角度 $index 与“item”连接起来，所以我有与复选框本身相关的复选框 ID。
我刚刚发现了我的错误。它的工作方式是：table-select-checkbox(id="{{item.code}}")/