title: Detect changing of the select list value with AngularJS
body: <p>I tried using <code>ng-change</code> on <code>select</code> but the problem is, I need to send <code>ticket.id</code> to the method but, <code>ticket.name</code> to model.</p>
  
  <pre><code>&lt;select name="ticketAttendeeMapping"
          ng-model="attendee.ticketTypeName"
          class="form-control"&gt;
      &lt;option ng-repeat="ticket in inTransitionTickets | filter: greaterThan('countRemaining', 0)"
              ng-value="ticket.name"
              ng-click="onAttendeeTicketmapping(ticket.id, $parent.$index)"&gt;
      {{ticket.name}}
      &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I also tried doing this:</p>
  
  <pre><code>&lt;select name="ticketAttendeeMapping"
          ng-model="attendee.ticketTypeName" class="form-control"
          ng-options="ticket.name as ticket.name for ticket in inTransitionTickets | filter: greaterThan('countRemaining', 0)"
          ng-change="onAttendeeTicketmapping(ticket.id, $index)"&gt;
      &lt;option value="" disabled&gt;Choose Your Ticket&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>