Перетащите элементы формы

Question

Я пытаюсь создать форму, где пользователи могут создавать собственные вопросы формы.

Вот полный пример , но у меня проблема, когда я УБИРАЮ элементы, таким образом они не не оставаться в зоне DROP.

Если я попытаюсь установить элементы формы в массиве, как показано ниже, то они не будут отображаться в HTML

formElements = [
        '<mat-form-field class="example-full-width"><input matInput placeholder="Favorite food" value="Sushi/></mat-form-field><br /><mat-form-field>',
        '<mat-label>Select an option</mat-label><mat-select><mat-option>None</mat-option><mat-option value="option1">Option 1</mat-option><mat-option value="option2">Option 2</mat-option><mat-option value="option3">Option 3</mat-option></mat-select></mat-form-field>',
        '<mat-radio-group aria-label="Select an option"><mat-radio-button value="1">Option 1</mat-radio-button><mat-radio-button value="2">Option 2</mat-radio-button></mat-radio-group><mat-slide-toggle>Slide me!</mat-slide-toggle>'
    ];

Пожалуйста, посмотрите на пример

Answer 1

Добавьте к вашей cdk-drag-drop-connected-sorting-example.ts декларации questionnaire = [];:

export class CdkDragDropConnectedSortingExample {
formElements = [];
questionnaire = []; ...

Тогда должно работать.

Надеюсь, это поможет!