перетащите angular порядок не меняется

Question

я создаю построитель форм на основе этого https://stackblitz.com/edit/angular-dynamic-survey-creation-golkhg, и я использую эту функцию для отброшенного

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

questionTitle должно измениться, но это не было

но в html меняется

порядок массив меняется в html, но в моем json не меняется, может кто-нибудь мне помочь?

Answer 1

Вам необходимо добавить свойство display_order в вашу группу formGroup, и вы сможете увидеть изменение порядка в этом свойстве.

А в методе onDrop измените порядок отображения других вопросов. как то так:

onDrop(event: CdkDragDrop<string[]>) {
   moveItemInArray(this.surveyForm.get('surveyQuestions')['controls'], event.previousIndex, event.currentIndex);
   this.questionFormArray.controls[event.currentIndex]['controls']['display_priority']
            .setValue(event.currentIndex + 1);
   this.questionFormArray.controls.forEach((category, index) => {
            (category as FormGroup).controls['display_priority'].setValue(index + 1);
   });
}

Answer 2

попробуйте добавить changeDetectionStrategy к вашему компоненту

https://angular.io/api/core/ChangeDetectionStrategy