LazyDay
10/9/2017 - 7:50 PM

Angular Projection

<div *ngIf="visible">
    <ng-content></ng-content>
    <button (click)="hide()">Hide</button>
</div>
import { Component } from '@angular/core';

@Component({
    moduleId: module.id,
    templateUrl: 'message.component.html',
    selector: 'app-message'
})
export class MessageComponent {
    visible = true;

    hide() {
        this.visible = false;
    }
}
<app-message>
    test123
</app-message>

<app-message>
    asdasdsdas
</app-message>
import { Component } from '@angular/core';

@Component({
    moduleId: module.id,
    templateUrl: 'message-box.component.html'
})
export class MessageBoxComponent {
}