angular 2如何对列ngFor求和

Angular 2是一种流行的前端开发框架，用于构建单页应用程序。ngFor是Angular 2中的一个指令，用于循环遍历一个集合并生成相应的HTML元素。

要对ngFor循环生成的元素进行求和，可以使用以下步骤：

1. 在组件中定义一个变量来存储求和结果，例如sum。
2. 在模板中使用ngFor指令循环遍历需要求和的集合，并在每次迭代中获取当前元素的值。
3. 在每次迭代中，将当前元素的值累加到sum变量中。
4. 在模板中显示求和结果。

下面是一个示例代码：

在组件中：

export class MyComponent {
  numbers: number[] = [1, 2, 3, 4, 5];
  sum: number = 0;

  calculateSum() {
    this.sum = 0;
    for (let num of this.numbers) {
      this.sum += num;
    }
  }
}

在模板中：

<ul>
  <li *ngFor="let num of numbers">{{ num }}</li>
</ul>

<p>Sum: {{ sum }}</p>

<button (click)="calculateSum()">Calculate Sum</button>

在上述示例中，我们定义了一个numbers数组来存储需要求和的数字。然后，我们使用ngFor指令循环遍历numbers数组，并在每次迭代中显示当前数字。在组件中，我们定义了一个calculateSum方法，该方法在点击按钮时被调用。该方法会将sum变量重置为0，并通过循环遍历numbers数组来计算求和结果。最后，我们在模板中显示求和结果。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。如果你想了解更多关于Angular 2的信息，可以访问腾讯云的Angular产品介绍页面：Angular产品介绍。