### Iteration

Here's an example from the docs of using [iteration / each][1]


```pug
ul
 each val in [1, 2, 3, 4, 5]
 li= val
```

> *Note*: For `val` to be dynamically interpolated, you need to use <code>li= val</code> with an equals sign

### Attributes

And here's an example from the docs of setting [attributes w/ interpolation][2]

```pug
- var url = 'pug-test.html';
a(href= url) Link
```

> *Note*: For `url` to be dynamically interpolated, you need to use <code>(href= url)</code> without quotes

### Code Sample

Putting that all together, we get the following code

```pug
each val in [1, 2, 3]
 label= val
 input(type="radio" value= val)
```

### [Demo on Codepen][3]

[1]: https://pugjs.org/language/iteration.html
[2]: https://pugjs.org/language/attributes.html#attribute-interpolation
[3]: https://codepen.io/KyleMit/pen/jOOPJex

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.