Angular ng-repeat in table, adding extra rows

Question

I'm repeating the contents of a array using ng-repeat with Angular. After that, but in the same table, I want to add some extra rows with info. But because it is in the ng-repeat I get an angular error on {{getCartTotal()}}, which is now called infinite times.

Is there a way to stop the ng-repeat, or a other way to add extra rows after a ng-repeat in the same element?

This is the code I have (in Jade). Only the first tr must been repeating.

table.shop_table.woocommerce-checkout-review-order-table
   tbody
       tr(ng-repeat='product in shoppingCart')
          th 
             {{product.name}}
             span.count  x {{product.quantity}}
             td
                span.amount &euro; {{product.price * product.quantity | number:2}}
       tr.cart-subtotal(ng-repeat-end)
         th Subtotaal
           td
             span.amount &euro; {{getCartTotal()}}}
       tr.shipping
         th Verzendkosten
           td
            span 
              i 
                | Tijdelijk gratis!
        tr.order-total
          th
            strong Totaal
               td
                strong
                   span.amount &euro; {{getCartTotal())}}

ng-repeat-end used with ng-repeat-start and will be repeated too. Try to delete ng-repeat-end — Alexander Anikeev
– Alexander Anikeev, Commented Oct 3, 2016 at 14:19
@AlexanderAnikeev thank you! a 'simple' repeat is enough here! — NVO
– NVO, Commented Oct 3, 2016 at 14:27

Alexander Anikeev · Accepted Answer · 2016-10-03 14:30:53Z

2

Duplicate from comment.

ng-repeat-end used with ng-repeat-start and will be repeated too. Try to delete ng-repeat-end

tr(ng-repeat='product in shoppingCart')
    th 
        {{product.name}}
        span.count  x {{product.quantity}}
        td
          span.amount &euro; {{product.price * product.quantity | number:2}}
tr.cart-subtotal
    th Subtotaal
        td
            span.amount &euro; {{getCartTotal()}}

answered Oct 3, 2016 at 14:30

Alexander Anikeev

7016 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Angular ng-repeat in table, adding extra rows

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related