2016-10-03 51 views
0

我正在用Angular重複使用ng-repeat的數組內容。之後,但在同一張表中,我想添加一些額外的行與信息。但是因爲它在ng-repeat中,所以我在{{getCartTotal()}}上得到一個角度錯誤,現在被稱爲無限次。在表格中添加額外的行ng-repeat

有沒有辦法停止ng-repeat或者在同一個元素中的ng-repeat之後添加額外行的其他方式?

這是我的代碼(在Jade中)。只有第一個tr必須重複。

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 € {{product.price * product.quantity | number:2}} 
     tr.cart-subtotal(ng-repeat-end) 
     th Subtotaal 
      td 
      span.amount € {{getCartTotal()}}} 
     tr.shipping 
     th Verzendkosten 
      td 
      span 
       i 
       | Tijdelijk gratis! 
     tr.order-total 
      th 
      strong Totaal 
       td 
       strong 
        span.amount € {{getCartTotal())}} 
+0

您有一個額外的「}」後面getCartTotal() – Matheno

+1

NG-重複端與NG-重複開始使用,也將被重複。嘗試刪除ng-repeat-end –

+0

@AlexanderAnikeev謝謝!一個'簡單'重複就夠了! – NVO

回答

2

從評論中複製。

ng-repeat-endng-repeat-start一起使用,並且將會重複。嘗試刪除ng-repeat-end

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