angular - ngif how to give multiple conditions -

this html file

<div class="conform">      <button (click)="clicked(i)" class="btn btn-primary">join ride</button>      <div  class="dialogboxstyle" *ngif="showindex===i">          <p>your pickup time:</p>          <p>8:30am </p>          <p>             <button (click)="cancel()">cancel</button>              <button>confirm</button>          </p>      </div>  </div> 

this component .ts file

public showdialog:boolean = false; public showindex:number;  clicked(i:any) {     this.showdialog = true;     this.showindex = i; } 

by default when page loaded popup in open stage need hidden stage unless until click it. tried using

ngif="showindex === && showdialog" 

but not working.