Aurelia 不绑定 innerHTML 绑定语句

【问题标题】：Aurelia not binding innerHTML bind statementsAurelia 不绑定 innerHTML 绑定语句
【发布时间】：2016-12-31 01:24:03
【问题描述】：

鉴于我已使用 innerhtml.bind 插入一些 html，但该 html 中包含它自己的 aurelia '.bind' 语句，你如何让这些内部绑定被 aurelia 识别？

例子

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

在哪里

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

【问题讨论】：

标签： aurelia

【解决方案1】：

docs 说：

使用 innerhtml 属性的绑定只是设置元素的 innerHTML 属性。标记不通过 Aurelia 的模板系统。 绑定表达式和require元素不会进行评估。

创建一个组件并使用一个插槽怎么样？

my-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>

【讨论】：