如何在angular 6中将json数组值设置为多个折叠形式？

在Angular 6中，可以使用ngFor指令和ngIf指令来将JSON数组值设置为多个折叠形式。

首先，确保你已经安装了Angular CLI，并创建了一个新的Angular项目。

接下来，打开你的组件文件（通常是以.component.ts为后缀的文件），在组件类中定义一个JSON数组变量，例如：

export class YourComponent {
  jsonData = [
    { title: 'Item 1', content: 'Content 1' },
    { title: 'Item 2', content: 'Content 2' },
    { title: 'Item 3', content: 'Content 3' }
  ];
}

然后，在组件的HTML模板中，使用ngFor指令遍历JSON数组，并使用ngIf指令来控制折叠状态。例如：

<div *ngFor="let item of jsonData">
  <div (click)="item.expanded = !item.expanded" class="title">{{ item.title }}</div>
  <div *ngIf="item.expanded" class="content">{{ item.content }}</div>
</div>

在上面的代码中，我们使用ngFor指令遍历jsonData数组，并为每个数组项创建一个div元素。点击标题时，我们通过点击事件绑定(click)="item.expanded = !item.expanded"来切换折叠状态。然后，使用ngIf指令根据item.expanded的值来决定是否显示内容。

最后，你可以根据需要自定义CSS样式来美化折叠效果。

这是一个简单的示例，你可以根据实际需求进行扩展和修改。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算场景。了解更多信息，请访问：腾讯云云服务器
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理大规模非结构化数据。了解更多信息，请访问：腾讯云对象存储