title: remove default dialog in select ionic 4
body: <p>I'm new to ionic and working on Ionic 4. I want to open a Modal page on a select tag. But currently, it opens a default dialog with blank values and Cancels/OK buttons. I want to remove this dialog and just show a Modal. To open a Modal I used <code>(click)</code> option in HTML. But how to remove this default dialog? I found this <a href="https://stackoverflow.com/questions/43095137/how-to-open-a-bootstrap-modal-on-change-of-select-box">link</a> which shows how to change function but I did not understand how to implement in mine. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ion-content class="main-layout" padding&gt;
   
      &lt;ion-row class="uploadvid-form"&gt;
        &lt;ion-col&gt;
  
          &lt;form [formGroup]="uploadVid" (ngSubmit)="onSubmit(uploadVid.value)"&gt;
          
            &lt;ion-list  class="ion_list_custom"&gt;
     
              &lt;ion-item&gt;
                &lt;ion-label position="floating"&gt;Title&lt;/ion-label&gt;
                &lt;ion-input class="title" #title formControlName="title" type="text"&gt;&lt;/ion-input&gt;
              &lt;/ion-item&gt;
  
              &lt;ion-item&gt;
                  &lt;ion-label position="floating"&gt;Topic&lt;/ion-label&gt;
                  &lt;ion-select (click)="openModal()" placeholder="Search Topic" class="topic" #topic formControlName="topic" type="text"&gt;
                      
                   &lt;/ion-select&gt;
              &lt;/ion-item&gt;
  
              &lt;ion-item&gt;
                  &lt;ion-label position="floating"&gt;Target Community&lt;/ion-label&gt;
                  &lt;ion-select placeholder="Select One" class="target" #target formControlName="target" type="text"&gt;
                      &lt;ion-select-option value="f"&gt;Patients&lt;/ion-select-option&gt;
                      &lt;ion-select-option value="m"&gt;Doctors&lt;/ion-select-option&gt;
                      &lt;ion-select-option value="m"&gt;Both&lt;/ion-select-option&gt;
                  &lt;/ion-select&gt;
              &lt;/ion-item&gt;
     
            &lt;/ion-list&gt;
     
          &lt;/form&gt;
     
        &lt;/ion-col&gt;
      &lt;/ion-row&gt;
     
    &lt;/ion-content&gt;</code></pre>
  </div>
  </div>
  </p>