Динамические формы, сортируемые с помощью перетаскивания angular cdk

#json #angular #angular-reactive-forms

#json #angular #угловые реактивные формы

Вопрос:

Я пытаюсь создать клон Google forms, вот как это выглядит

введите описание изображения здесь

когда я перетаскиваю первую форму вниз, это происходит

введите описание изображения здесь

значение mat-select не меняется, а флажок отключен. для функции удаления у меня есть это

   drop(event: CdkDragDrop<string[]>) {
    this.list = this.surveyForm.get("sectionQuestions")["controls"];
    console.log(this.list);
    moveItemInArray(this.list, event.previousIndex, event.currentIndex);
    this.questionFormArray.controls[event.currentIndex]['controls']['display_order']
      .setValue(event.currentIndex   1);
    this.questionFormArray.controls.forEach((category, index) => {
      (category as FormGroup).controls['display_order'].setValue(index   1);
    });
  }
  

я что-то пропустил? неужели установки display_order недостаточно? любые мысли были бы полезны

Комментарии:

1. Может быть проблема с дизайном. Если вы создаете абстрактный элемент управления, который является просто описанием того, что вы хотите, в формате json, то удаление json отображается в компоненте Angular, который интерпретирует и отображает

2. ну, у вас есть пример? может быть, связанный пост / учебник?

3. в моем json он работает нормально, но в представлении странно видеть что-то подобное

4. Вот статья о Json как Dsl. dev.to/jwp/when-a-json-file-becomes-a-dsl-2h4b

5. что там означает рефакторинг?