Ngfor到数组并通过ngif进行访问

NgFor是Angular框架中的一个指令，用于在模板中循环渲染数组或可迭代对象的元素。它可以通过ngIf指令结合条件语句来控制元素的显示与隐藏。

NgFor指令的使用方式如下：

<ng-container *ngFor="let item of items; let i = index">
  <!-- 循环渲染的内容 -->
  <div>{{ item }}</div>
</ng-container>

上述代码中，items是一个数组或可迭代对象，item是当前循环的元素，i是当前元素的索引。在循环过程中，可以通过item和i来访问数组中的元素及其索引。

在NgFor指令中，可以使用ngIf指令来根据条件控制元素的显示与隐藏。例如，只显示数组中的偶数元素：

<ng-container *ngFor="let item of items; let i = index">
  <div *ngIf="item % 2 === 0">{{ item }}</div>
</ng-container>

上述代码中，只有当item是偶数时，才会显示对应的元素。

NgFor指令的应用场景非常广泛，可以用于展示列表、生成动态表格、渲染多个相同类型的组件等等。

腾讯云提供了丰富的云计算产品，其中与前端开发相关的产品包括云服务器（CVM）、云存储（COS）、云函数（SCF）等。你可以通过以下链接了解更多关于这些产品的信息：

• 云服务器（CVM）
• 云存储（COS）
• 云函数（SCF）

请注意，以上只是腾讯云提供的一些产品示例，实际应用中还有更多选择。