aurelia - aureliaでツリーコントロールのドラッグアンドドロップを行う方法は?

Question

現在、ツリー コントロールを作成しようとしていますが、次のカスタム属性 (ドラッグ可能およびドロップ可能) があります。 ドラッグ可能は次のとおりです。

@customAttribute('draggable')
@inject(Element)
export class Draggable {
   constructor(element) {
   this.element = element;
}

valueChanged(newValue){
   var el = this.element;
   el.draggable = true;
   el.addEventListener('dragstart', function(e) {
     e.dataTransfer.effectAllowed = 'move';
           // etc.
     if (e.stopPropagation)
       e.stopPropagation();
     return false;
   }, false);
   el.addEventListener('dragend', function (e) {
    this.classList.remove('drag');
    return false;
   }, false);
 }
}

など。droppable 属性から、ビュー モデルがドロップを取得してツリー配列にデータを追加する pub/sub メカニズムについて考えていました。

これは aurelia でこれを行うための最良の方法ですか、それとも他の手法に従うことができますか? angularjsでは、この方法またはツリーのルートスコープを介して行うと思います。

私のオプションは何ですか？