ngRepeat with DL / DD / DT

[leeola]

Is there any timeframe on when (and how?) ngRepeat is going to handle Definition Lists?

In case you are not familiar with the problem: Currently ngRepeat works with single elements. For most HTML, this works fine.. however for definition lists such as <dl>, this does not work. Why? Because definition lists uses multiple elements to define a single list item.

Now, there are multiple ways around this, but reading here suggests that Angular is going to use comments to support repeating elements.

Any idea on when this feature is going to be implemented? Or if there is a somewhat stable branch that can be merged in to address this? The existing solutions currently are very hacky, against standards, and prone to breaking code in IE/etc.

Thoughts?

edit: By "stable branch that can be merged", i meant a branch that i could fork to run on my site and address this issue until the code is officially merged in. My apologies for the poor wording :)

[maxcan]

second this. I've been having this issue for a while.

[petebacondarwin]

@IgorMinar did some work on a comment-based ng-repeat (#1646) but since comments don't play so well on all browsers it is not likely to be merged. Instead they are looking at an alternative solution, probably with either "start and end repeat tags" or "start-repeat and number of elements to repeat label"

[maxcan]

How about allowing templates inside pairs like {{ }}

maybe:
{{! ng-repeat = "foo in l"

foo

{{ l }}

!}}

On a related note, i have a similar issue with
Would there be large technical challenges to a second interpolation form
like {{{ }}} that did not escape html characters but also didn't create a
new span?

On Tue, Jan 29, 2013 at 12:38 PM, Pete Bacon Darwin <
notifications@github.com> wrote:

@IgorMinar https://github.com/IgorMinar did some work on a
comment-based ng-repeat (#1646#1646)
but since comments don't play so well on all browsers it is not likely to
be merged. Instead they are looking at an alternative solution, probably
with either "start and end repeat tags" or "start-repeat and number of
elements to repeat label"

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/1891#issuecomment-12856484.

[zilles]

I just ran into this issue with a table that wants to generate two 'td' elements per object in an array.

[bowsersenior]

+1 for adding this feature. Just ran into this same limitation.

[es128]

👍

[jensens]

Same problem here. I'd love to see something like "ng-repeat-children" repeating only the children but not the current element or a kind of "ng-omit-tag" (which removes the current tag but leaves children in place) to be used together with ng-repeat. This would avoid tons of invalid markup generated to workaround this problem.

[lgalfaso]

Do not fully understand the limitation that is under discussion. Why putting the ng-repeat on the parent element does work? http://jsfiddle.net/JyWdT/13/
Can someone create a fiddle that explains the issue in more detail?

[zilles]

lgalfaso, Your fiddle creates multiple definition lists each with one definition. The desired output is one definition list with multiple definitions.

Or in my case, I need to create a pair of "td" elements for every item in an array.
Say I have an array,

[{name:dan, age:15}, {name:steve, age:21}]

and I need to output:

<tr><td>dan</td><td>15</td><td>steve</td><td>21</td></tr>

There is no way to accomplish that with angular at this time.

[logicbomb]

can't you do that by putting the ng-repeat on the tr element?

http://plnkr.co/edit/lJvkOpz0NnKWcfEeM4lE?p=preview

On Sun, Apr 21, 2013 at 2:24 PM, zilles notifications@github.com wrote:

lgalfaso, Your fiddle creates multiple definition lists each with one
definition. The desired output is one definition list with multiple
definitions.

Or in my case, I need to create a pair of "td" elements for every item in
an array.
Say I have an array,

[{name:dan, age:15}, {name:steve, age:21}]

and I need to output:

dan15steve21

There is no way to accomplish that with angular at this time.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/1891#issuecomment-16716788
.

[logicbomb]

Oh, I see, disregard my previous comment
On Apr 21, 2013 9:09 AM, "jason turim" jason.turim@gmail.com wrote:

can't you do that by putting the ng-repeat on the tr element?

http://plnkr.co/edit/lJvkOpz0NnKWcfEeM4lE?p=preview

On Sun, Apr 21, 2013 at 2:24 PM, zilles notifications@github.com wrote:

lgalfaso, Your fiddle creates multiple definition lists each with one
definition. The desired output is one definition list with multiple
definitions.

Or in my case, I need to create a pair of "td" elements for every item in
an array.
Say I have an array,

[{name:dan, age:15}, {name:steve, age:21}]

and I need to output:

dan15steve21

There is no way to accomplish that with angular at this time.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/1891#issuecomment-16716788
.

[stoussaint]

As I just encounter the dl / dt + dd issue, I confirm that a new ng-repeat-children (or ng-repeat-inner) is a missing mandatory directive.

[choffmeister]

+1