Я не могу найти, как использовать вложенный шаблон ng в angular 5.2.
У меня есть компонент в моем приложении, использующий раскрывающийся список PrimeNG:
@Component({
selector: 'app-dropdown',
template: `
<p-dropdown [options]="options" [(ngModel)]="selected">
<ng-template let-item pTemplate="selectedItem">
<span>{{item.label | translate}}</span>
</ng-template>
<ng-template let-item pTemplate="item">
<span>{{item.label | translate}}</span>
</ng-template>
</p-dropdown>
`
})
Мне нужно обернуть его в другой компонент. Что-то вроде этого:
@Component({
selector: 'app-dropdown-wrapper',
template: `
<label>my label</label>
<app-dropdown [options]='options' [selectedItem]='selectedItem'></app-dropdown>
`
})
Проблема в том, что я не знаю, как передать шаблон "selectedItem" при использовании компонента-оболочки:
@Component({
selector: 'app-main',
template: `
<app-dropdown-wrapper [options]='options'>
<ng-template let-item pTemplate="selectedItem">
<span>{{item.label | translate}}</span>
</ng-template>
</app-dropdown-wrapper>
`
})