AureliaはinnerHTMLバインドステートメントをバインドしていません

Question

innerhtml.bindを使用していくつかのhtmlを挿入しましたが、htmlにはaurelia '.bind'ステートメントが含まれています。どのようにこれらの内部バインディングをaureliaで認識させるのですか？

例

<div innerhtml.bind="myhtml"></div> 

どこ

var myhtml = "<div click.trigger='console.log(123)'>some text</div>"; 

Answer 1

docsは言う：innerHTMLの属性を使用してバインド

は、単に要素の innerHTMLプロパティを設定します。マークアップはAureliaの テンプレートシステムを通過しません。 式とrequire要素をバインドすると、 は評価されません。

コンポーネントを作成してスロットを使用するのはどうですか？

私-component.html

<template> 
    <div><slot></slot></div> 
</template> 

consumer.html

<require from="./my-component.html"></require> 
<my-component><div click.trigger='console.log(123)'>some text</div></my-component>