Angular2 + визуализирует компонент без каких-либо тегов переноса

Question

Мой дочерний компонент выглядит так:

...
@Component({
    selector: '[child-component]'
    templateUrl: './child.template.html'
})
...

и мой родительский шаблон как:

<span child-component [someInput]="123"></span>

Теперь я хочу отобразить содержимое моего дочернего компонента без контейнера <span> вокруг него. Мне вообще не нужен контейнер в шаблоне моего родительского компонента, только содержимое шаблона нашего дочернего компонента.

Я уже пробовал некоторые другие теги.

• <ng-content> (вообще ничего не отображается)
• <ng-template> (Компоненты во встроенном шаблоне:)
• <ng-container> (Не удалось выполнить 'appendChild' на 'Узле')

Заранее спасибо!

Answer 1

Наконец-то нашел рабочее решение!

Мой дочерний компонент выглядит так:

@Component({
    selector: 'child-component'
    templateUrl: './child.template.html'
})
export class ChildComponent {
  ViewChild('childComponentTemplate') childComponentTemplate: TemplateRef<any>;
}

Мой дочерний шаблон выглядит так:

<ng-template #childComponentTemplate>
  ... some content ...
</ng-template>

и мой родительский шаблон как:

<child-component #wrapper [someInput]="123"></child-component>
<ng-content *ngTemplateOutlet='wrapper.childComponentTemplate'></ng-content>

Таким образом, обертки вообще нет.