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

Question

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

Answer 1

您可以通过在订阅的参数提供的 elementList 中搜索 element 的索引来获取您的项目的模型。

dragulaService.drop.subscribe(e => this.onDrop(e.slice(1)));

看到了吗？

更新:简化(感谢 Dracco)

private onDrop(args) {

    let [e, el] = args; //element, elementList
    let i = el.children.indexOf(e),
    item = i+1? this.items[i] : null;

    console.log(item); //The item
}

this.items 是您存储传递给 dragula 的列表的变量。 (例如:[dragulaModel]="items")。

我希望有一个更简单的方法。如果你找到了，请告诉我!

旧方法:

private onDrop(args) {

    let [e, el] = args; //element, elementList
    let item;
    for(let i in el.children){
        if(el.children[i]==e){
            item = this.items[+i];
            break;                
        }
    }

    console.log(item); //The item
}

编辑:简化有错误。