Angular 2 dragulaModel throws无法读取未定义异常

时间:2017-04-06 19:32:34

标签: ng2-dragula

我正在使用ng2-dragula并在2个表中使用数据绑定。当td拖放到另一个表时,它会抛出Uncaught TypeError:无法读取undefined的属性'splice'。并且无法删除该元素。需要有关如何解决此问题的帮助。

以下是html部分

    <table class="table">
        <thead class="text-primary">
            <tr>
                <th>Task ID</th>
                <th>Ref #</th>
                <th>Customer Name</th>
                <th>Doc Type</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody [dragula]='"team-bag"' [dragulaModel]="tasks">
            <tr *ngFor="let t of tasks">
                <td>{{t.id}}</td>
                <td>{{t.refNbr}}</td>
                <td>{{t.custName}}</td>
                <td>{{t.docType}}</td>
                <td>{{t.receiveDate}}</td>
            </tr>
        </tbody>
    </table>
    
        <table class="table">
        <thead class="text-primary">
            <tr>
                <th>Task ID</th>
                <th>Ref #</th>
                <th>Customer Name</th>
                <th>Doc Type</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody [dragula]='"team-bag"' [dragulaModel]="agentATasks">
            <tr *ngFor="let t of agentATasks">
                <td>{{t.id}}</td>
                <td>{{t.refNbr}}</td>
                <td>{{t.custName}}</td>
                <td>{{t.docType}}</td>
                <td>{{t.receiveDate}}</td>
            </tr>
        </tbody>
    </table>

任务和agentATasks都在component.ts中定义和填充。

以下是Chrome控制台中的错误。 Subscriber.ts:241 Uncaught TypeError:无法读取undefined的属性'splice'     在Object.eval(http://localhost:3002/node_modules/ng2-dragula/components/dragula.provider.js:94:28)     在发射器(http://localhost:3002/node_modules/contra/emitter.js:47:72)     at Array.forEach(native)     在Object.eval(http://localhost:3002/node_modules/contra/emitter.js:46:10)     at Object.thing.emit(http://localhost:3002/node_modules/contra/emitter.js:38:48)     在下降(http://localhost:3002/node_modules/dragula/dragula.js:261:13)     在HTMLHtmlElement.release(http://localhost:3002/node_modules/dragula/dragula.js:245:7)     在ZoneDelegate.invokeTask(http://localhost:3002/node_modules/zone.js/dist/zone.js:265:35)     at Object.onInvokeTask(http://localhost:3002/node_modules/@angular/core/bundles/core.umd.js:5967:41)     在ZoneDelegate.invokeTask(http://localhost:3002/node_modules/zone.js/dist/zone.js:264:40

0 个答案:

没有答案