Angular 拖放布局选项

Angular Drag and Drop with Layout Option

我正在使用 angular material cdk 进行拖放功能。

但安排上没有任何限制。 (像网格一样并排拖放字段)

我可以设置布局选项并允许在该布局区域拖放元素吗?

我们能否即时进行此操作,以便用户可以设置其布局并拖动所需的字段。

当对象进入布局时,您需要使用拖放方法捕获对象。然后你可以使用 *ngFor 和 bootstrap 来制作你想要的网格。我今天晚些时候可以举个例子,所以可能会看到我在说什么。

并且也有在该区域内拖放的选项,它会更新对象数组,如果需要,您可以使用复选框取消对象的更改。

编辑2:

这里是 Stackblitz url:https://stackblitz.com/edit/angular-kwbp3q 您可以使用 ngIf 切换网格,以便它正常工作