how to Avoid ng-repeat in <tr> for particular <td> - Angular Js?

Question

I need to skip the ng-repeat for particular column.

My Code:

<tr ng-repeat="(lunches,price) in lunchTwo">
                    <td>
                      <label class="label_wraptext">{{lunches}}</label>
                    </td>
                    <td class="td_width">
                    </td>
                    <td>
                      <label>{{price}}</label>
                    </td>
                    <td style="padding-left:190px">
                    </td>
                    <td>
                      <select ng-controller="Quantity">
                        <option ng-repeat="key in notSorted(data)" ng-init="value = data[key]">
                          {{key}}
                        </option>
                      </select>
                    </td> 
                  </tr>

I need to avoid binding the 'Select' control for all the rows.

Thanks in Advance, Stephen.L

TKV · Accepted Answer · 2014-02-14 11:17:25Z

1

Suppose if you want to show the select control only for the first row, you can give a check using the index if it is equals ZERO, then show the select box, else not.

Please find the updated code below, check if it works for you.

<tr ng-repeat="(lunches,price) in lunchTwo">
                    <td>
                      <label class="label_wraptext">{{lunches}}</label>
                    </td>
                    <td class="td_width">
                    </td>
                    <td>
                      <label>{{price}}</label>
                    </td>
                    <td style="padding-left:190px">
                    </td>
                    <td>
                      <select ng-controller="Quantity" ng-show="$index==0">
                        <option ng-repeat="key in notSorted(data)" ng-init="value = data[key]">
                          {{key}}
                        </option>
                      </select>
                    </td> 
                  </tr>

answered Feb 14, 2014 at 11:17

TKV

2,70111 gold badges44 silver badges56 bronze badges

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

2 Comments

glepretre Over a year ago

Good answer, but I would suggest to use ng-if instead of ng-show to completely remove it from the DOM.

TKV Over a year ago

yes, you can use ng-if there. But i suggest it as your question how to hide it from the tr. if the answer helps you, then its fine

Collectives™ on Stack Overflow

how to Avoid ng-repeat in <tr> for particular <td> - Angular Js?

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