动态地向DOM Aurelia添加自定义元素

Question

我在Aurelia应用程序中使用d3.js，我想知道是否有办法动态添加自定义Aurelia组件并正确渲染它们，如下所示：

d3.select("#my-container")
    .append("my-custom-component")
    .attr("data.bind", "my-value");

my-custom-component类似于：

import {bindable} from 'aurelia-framework';

export class MyCustomComponent {
    @bindable data;

    attached() {
        debugger;
    }
}

它以我期望的方式出现在DOM中，但它从未到达debugger并且不呈现实际组件。这可能吗？