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