Cacher is the code snippet organizer for pro developers

<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 {
}