on click on button toggle show hide in div in child component angular code example

Example: in angular click button button hide div and show div

<div *ngIf="div1">
    ABC
</div>
<div *ngIf="div2">
    DEF
</div>
<div *ngIf="div3">
    GHI
</div>
<button (click)="div1Function()"></button>
<button (click)="div2Function()"></button>
<button (click)="div3Function()"></button>


in .ts file 


 div1:boolean=true;
    div2:boolean=true;
    div3:boolean=true;

    div1Function(){
        this.div1=true;
        this.div2=false;
        this.div3=false
    }

    div2Function(){
        this.div2=true;
        this.div1=false;
        this.div3=false
    }

    div3Function(){
        this.div3=true;
        this.div2=false;
        this.div1=false
    }