ngif如何给出多个条件

Question

这是html文件

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

这是组件.ts文件

public showDialog:boolean = false;
public showIndex:number;

clicked(i:any) {
    this.showDialog = true;
    this.showIndex = i;
}

默认情况下，当页面加载时，弹出窗口处于打开阶段，需要隐藏阶段，除非我点击它。 我尝试使用

ngIf="showIndex === i && showDialog"

但它不起作用。