Angular 2 Template as a parameter to component

This is how I did it: Usage: <ng-template #myTemplate let-item=”item”> <strong>Name: </strong> {{item.name}}<br> <strong>Id: </strong> {{item.id}} </ng-template> <app-template-param [items]=”items” [template]=”myTemplate”></app-template-param> Component: @Component({ selector: ‘app-template-param’, templateUrl: ‘template-param.html’ }) export class TemplateParamComponent implements OnInit { @Input() items: Array<any>; @Input() template: TemplateRef<any>; } Component HTML <ng-template #defaultTemplate let-item=”item”> <strong>{{item.name}}</strong> </ng-template> <ul> <li *ngFor=”let item of items”> <ng-template [ngTemplateOutlet]=”template … Read more

How to conditionally wrap a div around ng-content

Angular ^4 As workaround i can offer you the following solution: <div *ngIf=”insideRedDiv; else elseTpl” style=”display: inline; border: 1px red solid”> <ng-container *ngTemplateOutlet=”elseTpl”></ng-container> </div> <ng-template #elseTpl><ng-content></ng-content> </ng-template> Plunker Example angular v4 Angular < 4 Here you can create dedicated directive that will do the same things: <div *ngIf=”insideRedDiv; else elseTpl” style=”display: inline; border: 1px red … Read more

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)