在Aurelia中在运行时将子级添加到视图模型

Question

我有一个类似component.html的模板

<template>
  <div>${someBoundProperty}</div>
  <slot></slot>
</template>

它应在app.html中使用：

<div>
  <component some-bound-property="text here">
    <component some-bound-property="more text"></component>
    <component some-bound-property="and more text"></component>
  </component>
</div>

这是component.ts

export class ComponentCustomElement {
  @bindable someBoundProperty: string;
  @children('component') subComponents: ComponentCustomeElement[] = []
}

到目前为止，一切都按预期进行。 在aurelia中，有没有一种方法可以在运行时在我的视图模型内像在component.ts中的以下内容一样将子项添加到我的数组中？

attached() {
  var newItem = new ComponentCustomElement();
  newItem.someBoundProperty = "my custom text";

  this.subComponents.push(newItem);
}

当然，将项目添加到数组不会在视觉上产生任何结果 侧。有没有一种方法可以构建视图和新的视图模型并将其推送到Aurelia进行处理？