Aurelia - 生成されたDOM要素内からのViewModel関数/バインディングへのアクセス

Question

viewmodel/classによってプログラムによって生成されたビュー（html）のセクションがあります。これは、Aurelia DOM（Aurelia Docs - pal :: Dom）機能を使用して、生のHTML要素を生成してビューに追加します。

ただし、生成されたhtml内でイベントを取得してviewmodelにコールバックできません。例：生成されたボタンの

let deleteButton = this.dom.createElement("button"); 
deleteButton.setAttribute("onclick", "cancelCreditNote(`${ row.creditNoteId }`)"); 

クリックしてcancelCreditNote機能を持っているのviewmodelにコールバックしません。 deleteButton.setAttribute("click.delegate", "cancelCreditNote('${ row.creditNoteId }')");のようなさまざまなものはうまくいきません。

aureliaのessentiall 'raw' htmlからviewmodelクラスにアクセスする方法を知っている人はいますか？

残念ながら、このインスタンスでは、標準のaureliaテンプレートを使用してHTMLを生成することはできません。あなたも、このようなjQueryを使って、あなたのビューモデルからこれを行うことができます

toggleSidebar(){ 
    alert('hi'); 
} 

：私はこの方法を持っている私の見解・モデルでは

<div id="collapsesidebar" click.delegate="toggleSidebar()"> 

：私のHTMLで

Answer 1

PALのDOMプロパティは、ブラウザのDOMオブジェクトの抽象化に過ぎません。create要素は、作成された要素へのAureliaバインディングを持たないdocument.createElementを呼び出している可能性があります。

aurelia.enhance(context, element)を使用すると、既存のDOM要素を受け取り、テンプレートエンジンを通じて実行できます。

このメソッドでは、バインディングコンテキストを渡して要素に適用することもできます。

Answer 2

私はこれを使用します。

attached() { 
    $('main').on('click',()=> alert('hi')); 
} 

attached()メソッドがトリガされた後、最後のオプションが提供されています：目の前にバインディングではその仕事を行う必要があり、その後は要素がdomの内側に配置されます。言い換えれば

：このは動作しません。

activate(){ 
    $('main').on('click',()=> alert('hi')); 
} 

constructorとactivate方法は前attached方法を解雇両方のため。