2014-02-14 57 views
0

我需要跳過特定列的ng-repeat。如何避免ng-repeat在<tr>中特別是​​- Angular Js?

我的代碼:

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

我需要避免約束力的所有行「選擇」控制。

由於事先 Stephen.L

回答

1

假設,如果你想只顯示第一行的選擇控制,你可以給使用index一個檢查它是否是等於零,則顯示選擇框,否則不。

請在下面找到更新的代碼,檢查它是否適合您。

<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> 
+0

好的答案,但我會建議使用'ng-if'而不是'ng-show'來完全從DOM中刪除它。 – glepretre

+0

是的,你可以使用ng - 如果有的話。但我建議它作爲你的問題如何從tr中隱藏它。如果答案可以幫助你,那麼它的罰款 –

+0

謝謝@TijoKVarghese ... –