title: how to get value from ion-select and display in label
body: <p>I am dynamically binding the drop-down and here I am unable to display the value which is selected by default label and also if I change the selection that value is also not displaying in the label.</p>
  
  <p>Below is my code</p>
  
  <pre><code> &lt;p&gt;{{locName}}&lt;/p&gt;
      &lt;ion-grid style="background:#fafafa"&gt;
        &lt;ion-row&gt;
          &lt;ion-col col-6 hidden&gt;
            &lt;!--&lt;ion-label&gt;Location&lt;/ion-label&gt;--&gt;
            &lt;ion-select #sectionSelect [(ngModel)]="location" (ngModelChange)="optionsFn()"  hidden&gt;
              &lt;ion-option *ngFor="let opt of allowedData" [value]="opt.LocationId"&gt;{{opt.LocationName}}&lt;/ion-option&gt;
            &lt;/ion-select&gt;
          &lt;/ion-col&gt;
  
        &lt;/ion-row&gt;
  
      &lt;/ion-grid&gt;
  </code></pre>
  
  <p>in the <strong>locName</strong> I have to display the selected data </p>
  
  <p>below is my typescript code </p>
  
  <pre><code>optionsFn(){
      this.dataone = location;
      this.locName = this.dataone.LocationName;
      console.log(this.locName);
  
    }
  </code></pre>