我可以将ngx-bootstrap可排序组件与formArray一起使用吗?

问题描述 投票:2回答:1

[当我尝试将ngx-bootstrap可排序组件与formArray一起使用时,当我尝试混合使用反应式表单指令和bs-sortable组件时,遇到了很多错误。

<ng-template #imageTemplate let-item="item" let-index="index"><span>{{index}}: <pre>{{item | json}}</pre></span></ng-template>
<bs-sortable
    [(ngModel)]="imagesFormArray.controls"
    [itemTemplate]="imageTemplate"
    itemClass="sortable-item"
    itemActiveClass="sortable-item-active"
    placeholderItem="Drag here"
    placeholderClass="placeholderStyle"
    wrapperClass="sortable-wrapper"
></bs-sortable>

我在控制台中收到的错误是

ERROR Error: 
  ngModel cannot be used to register form controls with a parent formGroup directive.  Try using
  formGroup's partner directive "formControlName" instead.`

如果将ngModel更改为formArrayName,则没有错误,但是什么也没有输出。

官方文档只有ngModel方法,但是对我来说这是行不通的

jquery-ui-sortable ngx-bootstrap
1个回答
0
投票

尝试使用ngx-sortablejs。就我而言,它就像是一种魅力。

© www.soinside.com 2019 - 2024. All rights reserved.