Как получить сумму поля столбца массива в массиве angular 9.1.9?

Question

Я использую Angular 9.1.9 и Html. Я хочу суммировать или суммировать поле вложенного массива и отображать его в строке.

У меня есть список массивов ('придерживающийся') с несколькими полями. Я хочу суммировать поле столбцов массива {{Montant total}} и отобразить в тексте итоговую сумму, такую ​​как фото, используя Angular 9 и Html. Я хочу суммировать поле столбцов массива {{Montant total}} и показать в тексте итоговую сумму, как на фотографии. если есть трубный метод или фильтр!

файлы

interface adher {
  four?: string;
  mont: number;
  nombr: number;
  monmois: number;
  }

const adherant: adher[] = [
  {
    four: 'Russia',
    mont: 444,
    nombr: 17075200,
    monmois: 146989754
  },
  {
    four: 'Russasia',
    mont: 444,
    nombr: 17075200,
    monmois: 146989754
  },{
    four: 'ssss',
    mont: 444,
    nombr: 17075200,
    monmois: 146989754
  },{
    four: 'Russddddia',
    mont: 444,
    nombr: 17075200,
    monmois: 146989754
  },{
    four: 'sdsd',
    mont: 444,
    nombr: 17075200,
    monmois: 146989754
  },{
    four: 'Russcxcxcxia',
    mont: 444,
    nombr: 17075200,
    monmois: 146989754
  }
];

<table class="table table-striped">

                        <thead>

                            <tr>
                                <th scope="col">Fournisseur</th>
                                <th scope="col">Montant totale</th>
                                <th scope="col">Nombre de mois</th>
                                <th scope="col">Montant par mois</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let adh of adherant |filter:search">
                                <th scope="row">{{ adh.four }}</th>
                                <td>
                                    {{ adh.mont }}
                                </td>
                                <td>{{ adh.nombr | number}}</td>
                                <td>{{ adh.monmois | number }}</td>
                            </tr>
                        </tbody>
                    </table>

Answer 1

В объявлении компонента: -

publi c total;

this.total= this.adherant.reduce((prev,next)=>prev+next.mont,0);

Используйте его как {{total}} в шаблоне