title: Angular2: RadioButton change event is not binding
body: <p>Here, I want to simply bind RadioButton with change event. Not using any library.</p>
  
  <p>Following works fine.</p>
  
  <pre><code>&lt;input type="radio" name="test" value="A" (change)="onPropertyChange('test')"&gt;
  &lt;input type="radio" name="test" value="B" (change)="onPropertyChange('test')"&gt;
  </code></pre>
  
  <p>But this one is not :</p>
  
  <pre><code>&lt;div class="btn-group col-lg-2" data-toggle="buttons" &gt;
  &lt;label *ngFor=" let app of applications; let i = index; " 
         class="btn btn-default " [ngClass]="{'active':( ticket.app == app)}"&gt;      
        &lt;input type="radio" id="app{{i}}"  name="app" value="{{i}}"                   
             checked="{{ ( ticket.app == app ) ? 'checked' : ''}}" (change)=" 
             onPropertyChange('app')"  &gt; 
       {{app}}
  &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>While binding change event to label, it is giving me old value.</p>
  
  <p>Can anyone suggest right approach?</p>