Как заставить Angular2 связывать компонент в innerHTML

Я хочу создать компонент myApp который будет вставлять HTML из свойства controllerа в свой шаблон. Однако некоторые из этих HTML могут включать в себя другие селектора компонентов.

 import {InfoComponent} from ... @Component({ selector: 'myApp', template: `
 `, directives: [InfoComponent] }) export class AppComponent { hData = ""; } @Component({ selector: 'myInfo', template: "This is a test" }) export class InfoComponent { } 

В этом примере я бы ожидал увидеть, This is a test отображаемый дважды. Однако не кажется, что движок Angular2 подбирает тот факт, что селектор компонента был введен, поэтому шаблон никогда не генерируется для селектора , который добавляется через привязку.

Здесь вы можете увидеть демо .

• Как использовать HashLocationStrategy с виджем Auth0 Lock для входа пользователя
• Angular2: приложение аварийно завершает работу / становится невосприимчивым после обнаружения исключения / ошибки
• Угловой 2.0. Разница @View @Component
• Запускать функцию controllerа всякий раз, когда открывается или отображается вид
• Angularjs2 - предварительная конфигурация сервера перед запуском приложения

Есть ли способ заставить Angular2 анализировать селектор так же, как с селектором, который явно добавлен в шаблон?