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

Question

我想使此https://stackblitz.com/edit/angular-dynamic-survey-creation-golkhg可拖动并保存到json文件中，以便我可以查看数据，我使用了角度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);
}