小编Gop*_*pal的帖子

formArray 中的可拖动表单组(反应式表单)

在 angular 拖放模块中,他们提供了 moveItemInArray() 函数的文档,通过使用它我们只能拖动数组中的内容。但是,我们如何在 formArray 中混洗 (formGroups/formControls) 呢?

甚至我也尝试过这个 moveItemInFormArray() 函数,正如这里提到的https://github.com/angular/angular/issues/27171。但我不能让它工作。

groupDrag.component.html

    <form [formGroup]="exampleForm">
      <div formArrayName="formUnits" cdkDropList (cdkDropListDropped)="drop($event)" *ngFor="let unit of exampleForm.controls.formUnits.controls; let i=index" class="rowGroup">
        <div [formGroupName]="i" class="basic-container" cdkDrag>
          <div class="row row-container" >
            <button type="button" class="drag-handle" mat-icon-button cdkDragHandle>
              <mat-icon>unfold_more</mat-icon>
            </button>

            <!-- label input field -->
            <mat-form-field  class="col-lg-4"> 
              <input matInput placeholder="Please enter label without spaces" formControlName="label" required>  
            </mat-form-field>

            <!-- options input field -->
              <mat-form-field  class="col-lg-3"> 
                <input matInput placeholder="Enter Placeholdertext" formControlName="placeholder">
             </mat-form-field>

          </div>
        </div>
      </div>
    </form>
Run Code Online (Sandbox Code Playgroud)

groupDrag.component.ts

drop(event: CdkDragDrop<FormGroup[]>) …
Run Code Online (Sandbox Code Playgroud)

drag-and-drop angular angular-cdk

6
推荐指数
2
解决办法
1871
查看次数

为什么我们要在 python 中反转字符串时使用 join() 函数

什么是目的'。加入() 在这里

print(''.join(reversed(a)))
Run Code Online (Sandbox Code Playgroud)

我们不能只用反转函数反转字符串吗

print(reversed("python"))
Run Code Online (Sandbox Code Playgroud)

python python-3.x

0
推荐指数
1
解决办法
745
查看次数

标签 统计

angular ×1

angular-cdk ×1

drag-and-drop ×1

python ×1

python-3.x ×1