表中的Angular ng-repeat,添加额外的行

时间:2016-10-03 14:11:27

标签: javascript angularjs angularjs-ng-repeat ng-repeat

我使用ng-repeat和Angular重复数组的内容。之后,但在同一个表中,我想添加一些额外的行信息。但因为它在ng-repeat中,我在{{getCartTotal()}}上得到一个角度误差,现在称为无限次。

有没有办法停止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())}}

1 个答案:

答案 0 :(得分: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()}}