计算并存储Angular 2中每个ngFor之后的数据

在Angular 2中，ngFor是一个常用的指令，用于循环渲染数据列表。当使用ngFor指令时，可以通过一些技术手段来计算并存储每个ngFor之后的数据。

首先，需要明确ngFor指令的作用和用法。ngFor用于在模板中循环渲染一个数组或可迭代对象的元素。它可以接收一个表达式，该表达式返回一个数组或可迭代对象，然后将每个元素渲染到模板中。

在每个ngFor之后的数据计算和存储方面，可以采用以下方法：

1. 在组件中使用ngFor指令时，可以通过在组件中定义一个数组或可迭代对象，并将其作为ngFor指令的输入。这样，在每次ngFor循环时，可以通过组件中的逻辑来计算并存储每个ngFor之后的数据。

例如，假设有一个名为items的数组，可以在组件中定义一个新的数组来存储每个ngFor之后的数据：

items: any[] = [/* 数据列表 */];
ngForData: any[] = [];

// 在ngFor之后的数据计算和存储
ngAfterViewInit() {
  this.ngForData = this.items.map(item => /* 计算每个ngFor之后的数据 */);
}

1. 可以使用ngFor的索引变量来访问每个ngFor循环的索引值，并根据索引值计算并存储每个ngFor之后的数据。

<div *ngFor="let item of items; let i = index">
  <!-- 渲染每个ngFor的元素 -->
</div>

在组件中，可以使用索引变量来计算并存储每个ngFor之后的数据：

items: any[] = [/* 数据列表 */];
ngForData: any[] = [];

// 在ngFor之后的数据计算和存储
ngAfterViewInit() {
  this.ngForData = this.items.map((item, index) => /* 计算每个ngFor之后的数据 */);
}

以上是一种基本的方法来计算并存储Angular 2中每个ngFor之后的数据。具体的计算和存储逻辑可以根据实际需求进行调整和扩展。

对于Angular 2的相关概念和知识，可以参考腾讯云的Angular开发文档，链接地址：https://cloud.tencent.com/document/product/1132/46342

腾讯云还提供了云原生应用托管服务，可以帮助开发者更轻松地构建和部署基于容器的应用。详情请参考腾讯云云原生应用托管产品介绍：https://cloud.tencent.com/product/tke