Angular - how to use ng-repeat value as variable

Question

I'm trying to leverage "column" as a number and re-use it to define the "colspan" in the following "td".

<table>
    <tr>
        <td ng-repeat="column in columns">
            {{column}}
        </td>
        <td colspan="column">
            Something
        </td>
    </tr>
</table>

@rfornal thanks but no, you can't use {{column}} cause it's outside the loop. — trs
– trs, Commented Apr 7, 2015 at 20:38

eladcon · Accepted Answer · 2015-04-07 17:16:27Z

1

Not sure if thats what you meant but you can try the following:

<table>
    <tr>
        <td ng-repeat-start="column in columns">
            {{column}}
        </td>
        <td ng-repeat-end colspan="{{column}}">
            Something
        </td>
    </tr>
</table>

answered Apr 7, 2015 at 17:16

eladcon

5,8251 gold badge18 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

trs Over a year ago

Thanks. Although, if for example "column" is 5, that is going to show 5 times <td colspan="">. Only need 1 <td> and its colspan should be 5.

eladcon Over a year ago

thats what it is.. 1 td with colspan 5

Collectives™ on Stack Overflow

Angular - how to use ng-repeat value as variable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related