При написании компонента Angular очень легко использовать ng-template в качестве источника для таких директив, как ngFor:
@Component({
selector: 'my-component',
template: `<div>
external content
<div *ngFor="let item of data">
<ng-container *ngTemplateOutlet="itemContentTmpl"></ng-container>
</div>
</div>`
})
export class MyComponent {
@ContentChild('itemContentTmpl') itemContentTmpl: TemplateRef<any>;
}
, тогда я могу использовать компонент в своем коде Angular:
<my-component>
<ng-template #itemContentTmpl>
some internal content
</ng-template>
</my-component>
К сожалению, это не работает в случае гибридного приложения AngularJS (AngularJS ничего не знает о ng-template
).Как я могу заставить это работать в коде AngularJS?