angularjs – Angular2：以编程方式创建子组件

如何在父组件内部创建子组件，然后使用Angular2在视图中显示它们？如何确保注射剂正确注入子组件？

例

import {Component,View,bootstrap} from 'angular2/angular2';
import {ChildComponent} from './ChildComponent';

@Component({
    selector: 'parent'
})
@View({
  template: `
    <div>
      <h1>the children:</h1>
      <!-- ??? three child views shall be inserted here ??? -->
    </div>`,directives: [ChildComponent]
})
class ParentComponent {

        children: ChildComponent[];

        constructor() {
            // when creating the children,their constructors
            // shall still be called with the injectables.
            // E.g. constructor(childName:string,additionalInjectable:SomeInjectable)
            children.push(new ChildComponent("Child A"));
            children.push(new ChildComponent("Child B"));
            children.push(new ChildComponent("Child C"));
            // How to create the components correctly?
        }
}
bootstrap(ParentComponent);

编辑

我在API docs preview中找到了DynamicComponentLoader。但是，在下面的示例中，我得到以下错误：没有动态组件指令在元素0