可拖动表格并将数据保存到 json 文件

Question

我想让这个 https://stackblitz.com/edit/angular-dynamic-survey-creation-golkhg 可以拖动并保存到 json 文件，这样我就可以查看数据，我已经使用 angular cdk 但我'我卡在了这个函数中

onDrop(event: CdkDragDrop<string[]>) {
    moveItemInArray(this.items, event.previousIndex, event.currentIndex);
  }

我找不到替换 this.items 的变量，有人可以帮我吗？当然我想将数据存储到 json 文件

Answer 1

为此，您必须将 cdk 版本升级到 7.3.7，因为此功能已在该版本中发布。

之后在你的问题中 this.items 需要替换为

this.surveyForm.get('surveyQuestions')['controls']

那么这个函数将如下所示：

onDrop(event: CdkDragDrop<string[]>) {
    moveItemInArray(this.surveyForm.get('surveyQuestions')['controls'], event.previousIndex, event.currentIndex);
}