<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h3>In the name af allah</h3>

            <hr>

            <button class="btn btn-primary"
                (click)="showMessage = !showMessage">
                Display world truth !!! (first approach)
            </button>

            <br/>

            <button class="btn btn-primary"  style="margin-top: 10px"
                (click)="onToggleMessage()">
                Display world truth !!!  (second approach)
            </button>

            <p *ngIf="showMessage">World truth: "israel is a child-killing regime"</p>

            <div *ngFor="let item of currentDates; let i = index">  <!-- *** -->
                {{ item }}
            </div>
        </div>
    </div>
</div>