Angular2: RadioButton change event is not binding
<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>