Dynamic div show and not show on code

Ionic Framework ionic-v3
1

Hello :slight_smile:

I made code like
when I press marker on map, then some div is shown from bottom.
when marker is pressed, alert open and true which is showNext variable.
I thought showNext is turn to true,
there should be div class with selectingDetail on my screen
but can’t find any selectingDetail div anywhere when I checked console by pressing F12 Key.

what did I wrong with it?

naver.maps.Event.addListener(marker, "click", (e)=>{
   
    if (infoWindow.getMap()) {
      infoWindow.close();
      this.showNext=false;
    } else {
      alert("open");
      this.showNext=true;
      alert(this.showNext);
      infoWindow.open(this.map, marker);
    }

  })

home.ts.

<div class="map" id="map" ></div>

    <div *ngIf="showNext"  class="selectingDetail">
        <p [ngClass]="showFavorite ? 'dragging_mention':'show_mention'">{{mention_detail}}</p>
        <p [ngClass]="showFavorite ? 'dragging_mention2':'show_mention2'">{{mention_detail2}}</p>
        <ion-searchbar class="search_bottom" style="padding:6px;" #searchBar placeholder=""  [(ngModel)]="startDetail" clearInput></ion-searchbar>
        <button class="showNext" ion-button  (click)="showNextClick('start')">{{showNext}} Next!</button>
    </div>