как рассчитать динамическую сумму для определенного столбца в angular6 для данных в реальном времени

Question

Я создал таблицу данных в угловых.Сейчас я пытаюсь получить столбец суммы на основе фильтра поиска, но он не работает.Я не нахожу правильного решения.кто-нибудь может направить меня?Заранее спасибо

    $(document).ready(function() {
            $('#example').dataTable( {
              "fnFooterCallback": function ( nRow, aaData, iDataStart, iDataEnd ) {
                /* Calculate the total market share for all browsers in this table (ie inc. outside
                 * the pagination
                 */
                var total = 0;
                for ( var i=0 ; i<aaData.length ; i++ )
                {
                  total+= aaData[i][8]*1;
                }

                /* Calculate the market share for browsers on this page */
                var value = 0;
                for ( var i=iDataStart ; i<iDataEnd ; i++ )
                {
                  value += aaData[i][8]*1;
                }

                /* Modify the footer row to match what we want */
                var nCells = nRow.getElementsByTagName('th');
                nCells[1].innerHTML = parseInt(value * 100)/100 +
                  '% ('+ parseInt(total * 100)/100 +'% total)';
              }
            } );
          } );