title: How to pass value from html to typescript while value getting from for loop
body: <p>I'm developing Hybrid app using ionic 2. i am stuck in pass value from html to typescript. in this page i have first set select option from ion-select and i have set for loop(ngFor) in ion-option. below select option i have put button for add selected service to database(button is outside of ngFor so i can't send option id to typescript) and i had set option name in value.</p>
  
  <blockquote>
    <p>my code is below</p>
  </blockquote>
  
  <pre><code>&lt;ion-item&gt;
    &lt;ion-label&gt;Service type&lt;/ion-label&gt;
    &lt;ion-select [(ngModel)]="serviceName" &gt;
      &lt;ion-option value="{{x.name}}" *ngFor="let x of servicelist"&gt;{{x.name}}&lt;/ion-option&gt;
    &lt;/ion-select&gt;
  &lt;/ion-item&gt;
  
  &lt;button ion-button (click)="addService()"&gt; Add service&lt;/button&gt;
  </code></pre>
  
  <p></p>
  
  <p><a href="https://i.stack.imgur.com/G5yrG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G5yrG.png" alt="enter image description here"></a></p>