Получить сумму ячеек в таблице с динамическими строками и столбцами в angular ⇐ Html

[Anonymous]

Я пытаюсь создать приложение, которое будет функционировать аналогично листу Excel и предназначено для сохранения ежемесячных платежей по счетам жильцов многоквартирного дома.
Заголовки ячеек и строки будут получены из API. Таким образом, если в настоящее время необходимо оплатить только 3 типа счетов (например, за электричество, воду, газ), то будет 3 столбца, а если в настоящее время в комплексе 3 арендатора, будет 3 строки. HTML-таблицу можно будет редактировать, чтобы пользователь мог ввести стоимость счета для каждого арендатора для каждого типа счета. Проблема, с которой я столкнулся, заключается в том, что мне нужно динамически суммировать значения каждого арендатора для каждого типа счета, поскольку я не знаю, сколько арендаторов будет.
Вот HTML-код таблицы:

Код: Выделить всё

    


{{ billType }}


{{ tenant }}





Total
0

Что дает следующее:


Как мне подойти к получению суммы столбца и строки при изменении входных данных ячейки?>

Подробнее здесь: https://stackoverflow.com/questions/798 ... in-angular