Angular2嵌套组件具有插值

Question

我正在从头开始学习Angular2，试图找出如何通过变量而不是静态调用传递要加载的组件的名称。我尝试使用插值如下，但我不能让它工作。

根据例子： survey.component实际上是一个只显示“hello world”的组件。

如果你看一下组件装饰器中的模板，有两条线几乎保持相同的值，只有一条用插值传递，另一条是静态调用。

静态行显示“Hello world”，而插值则直接粘贴字符串“＆lt; survey＆gt;＆lt; survey＆gt;”而不是“Hello world”的内容。

如何在具有变量？

的组件中嵌套组件

我试过谷歌，但我能找到的只是关于两个组件之间的通信的主题，不使用插值来在组件内插入组件。希望我的问题不是“愚蠢”。

import {Component} from 'angular2/core';
import {SurveyComponent} from './survey.component';

@Component({
    selector: 'rpane',
    template: `{{ componentLoad }}
               <survey></survey>
              `,
    directives: [SurveyComponent]
})

export class RPaneComponent {
    componentLoad = '<survey></survey>';
}