通过angular2中的html元素获取模型

Question

我需要通过angular2中的html元素访问模型.在我的例子中,我使用ng2-dragula执行拖放操作,它的服务只能访问被拖动的html元素.我需要更新元素的相应模型.这是github的问题.

Answer 1

如果您的 ngFor 是从数组编译的，则需要通过在 bag 元素上设置 DragulaModel 属性来提供模型。

<ul [dragula]='"bag-one"' [dragulaModel]='items'> <li *ngFor="let item of items"></li> </ul>

每当您重新定位项目时，模型都会同步。在您的组件中，您可以通过执行此操作轻松获取更新的模型。

this.dragulaService.drop.subscribe((value) => {
        //let [bagName, e, el] = value;
        console.log(this.items);
    });

您会注意到这些项目在模型中被重新定位。