如何通过*ngFor在angular 5中的索引获取json值

在Angular 5中，可以通过*ngFor指令来遍历JSON数组，并获取每个元素的索引和对应的值。

首先，确保你已经导入了FormsModule和CommonModule模块。然后，在组件的HTML模板中，使用*ngFor指令来遍历JSON数组，并使用let关键字来定义一个临时变量来存储当前元素的值和索引。

下面是一个示例：

<div *ngFor="let item of jsonArr; let i = index">
  <p>索引: {{ i }}</p>
  <p>值: {{ item }}</p>
</div>

在上面的示例中，jsonArr是一个JSON数组，item是当前元素的值，i是当前元素的索引。你可以根据需要在模板中使用这些值。

对于JSON数组的每个元素，你可以根据其值的类型来进行不同的操作。例如，如果值是一个对象，你可以使用点语法来访问对象的属性。

关于Angular 5的更多信息，你可以参考腾讯云的Angular产品文档：Angular产品介绍

希望这个回答能够帮助到你！

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云