JQuery追加许多元素是一次性制作的

Question

我使用jquery在表中追加行。 我在每个循环中的angular.forEach函数中追加行，但行在我的html页面中渲染一次：我的意思是1340行同时逐行显示。

我无法理解。 这是我的代码的一个例子

angular.forEach(scope.contents, function(pack, indexPack) {
    var bodyTag = '<tbody>';

    if (pack.products.length > 0) {

        angular.forEach(pack.products, function(product, indexProduct) {
            bodyTag += '<tr>';
            angular.forEach(scope.headers, function(header, indexHeader) {
                var cellTag = '<td>';
                var cellClass= '';
                var cellContent = 'content 1';

                cellTag += cellContent+'</td>';
                bodyTag += cellTag;
            });
            bodyTag += '</tr>';
        });
    } else {
        bodyTag += '<tr>';
        angular.forEach(scope.headers, function(header, indexHeader) {
            var cellTag = '<td>';
            var cellClass= '';
            var cellContent = 'content 2';

            cellTag += cellContent+'</td>';
            bodyTag += cellTag;
        });
        bodyTag += '</tr>';
    }

    bodyTag += '</tbody>';
    $('#myTable').append(bodyTag);
});

感谢您的帮助。