I am trying to dynamically populate the text in the radio buttons based on a list of email addresses stored in a variable named user.mail. However so far the best I've been able to get is a radio button with no text by doing the following:

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")

I am very new to Jade and I understand that the version of Jade being used in my project isn't the latest (we haven't switched over to pug). Does anybody know if this is even possible to do?

Thank you all in advance.

Iteration

Here's an example from the docs of using iteration / each

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

Note: For val to be dynamically interpolated, you need to use <code>li<b><i>=</i></b> val</code> with an equals sign

Attributes

And here's an example from the docs of setting attributes w/ interpolation

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

Note: For url to be dynamically interpolated, you need to use <code>(href<b><i>=</i></b> url)</code> without quotes

Code Sample

Putting that all together, we get the following code

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

Demo on Codepen