Question

我从数组自动生成不同的容器，这是我的app-component.ts：

columnItems = [
        {
            name: 'Name',
        },
        {
            name: 'User'
        },
        {
            name: 'Email'
        }
    ];

第二个数组：

column = [
        {
            name: 'One Column',
        },
        {
            name: 'Two Column'
        },
        {
            name: 'Three Column'
        },
        {
            name: 'Four Column'
        }
    ];

在我的app-component.html上我有这段代码

<div class="wrapper_mapping">
                    <div class="container_mapping system_column" [dragula]="'mapping-columns'">
                        <h5 class="no-drag">System Columns</h5>
                        <div *ngFor="let columnItem of columnItems">{{ columnItem.name }}</div>
                    </div>
                    <div class="container_mapping" [dragula]="'mapping-columns'" *ngFor="let c of column">
                        <h5 class="no-drag" style="display: block;"> {{ c.name }}</h5>
                    </div>
                </div>

这些生成5列，左边是columnsItem，右边是4列，我想允许从左列到右边的每个拖动和drog元素，我使用html标签来创建标题和类“no-drag”使得标题无法拖动，有两个问题：

我怎样才能修复标题元素，我的意思是防止标题中的元素向上移动，我想在标题上方放置元素？
另外，我想在右边的每个容器中只放一个元素，右边的每个容器应该只有一个元素，限制掉多个元素。

由于

如何在ng2-dragula

0 个答案: