Question

我正在尝试根据存储在名为user.mail的变量中的电子邮件地址列表，动态填充单选按钮中的文本。然而到目前为止，我能够得到的最好的是一个没有文字的单选按钮，通过执行以下操作：

dl
    dt Email Addresses
    dd
        ul#userEmailAddresses.list-unstyled
            li(ng-repeat='email in user.mail')
                input(type="radio", id="userEmailAddresses[email]", value="email", choose="email==user.rhatPreferredEmail")

我对Jade很新，我明白在我的项目中使用的Jade版本不是最新的（我们还没有切换到哈巴狗）。有人知道这是否可能吗？

提前谢谢大家。

Answer 1

最后想出了如何做到这一点。代码应如下所示：

dl
    dt Email Addresses
    dd#userEmailAddresses
        ul#radioEmailAddress.list-unstyled
            li(ng-repeat='email in user.mail')
                input#inputMail(type='radio', ng-model='$parent.email', ng-value='email')
                | {{email}}

Answer 2

迭代

这是文档中使用iteration / each

的示例

ul
  each val in [1, 2, 3, 4, 5]
    li= val

注意：要动态插补val，您需要使用带有等号的li= val

属性

这是文档中设置attributes w/ interpolation

的示例

- var url = 'pug-test.html';
a(href= url) Link

注意：要动态插补url，您需要使用(href= url)不带引号

代码示例

放在一起，我们得到以下代码

each val in [1, 2, 3]
  label= val
    input(type="radio" value= val)

如何使用Jade / Pug动态填充单选按钮

2 个答案:

迭代

属性

代码示例

Demo on Codepen