Merge branch 'master' into pbozhinov/fix-9073

Author: 3phase

projects/igniteui-angular/src/lib/radio/radio.component.ts

@@ -349,9 +349,11 @@ export class IgxRadioComponent implements ControlValueAccessor, EditorProvider {
             this.nativeRadio.nativeElement.blur();
         }
 
-        this.checked = true;
-        this.change.emit({ value: this.value, radio: this });
-        this._onChangeCallback(this.value);
+        if(!this.checked) {
+            this.checked = true;
+            this.change.emit({ value: this.value, radio: this });
+            this._onChangeCallback(this.value);
+        }
     }
 
     /**

src/app/input/input.sample.html

@@ -118,9 +118,9 @@ <h4 class="sample-title">Checkbox sample</h4>
     <article class="sample-column">
         <h4 class="sample-title">Radio w/ ngModel</h4>
 
-        <igx-radio [ngModel]="selected" (ngModelChange)="onChange($event)" (change)="onRadioChanged($event)" value="option1">Option 1</igx-radio>
-        <igx-radio [ngModel]="selected" (ngModelChange)="onChange($event)" (change)="onRadioChanged($event)" value="option2">Option 2</igx-radio>
-        <igx-radio [ngModel]="selected" (ngModelChange)="onChange($event)" (change)="onRadioChanged($event)" value="option3" disabled="true">Option 3</igx-radio>
+        <igx-radio [(ngModel)]="selected" (ngModelChange)="onChange($event)" (change)="onRadioChanged($event)" value="option1">Option 1</igx-radio>
+        <igx-radio [(ngModel)]="selected" (ngModelChange)="onChange($event)" (change)="onRadioChanged($event)" value="option2">Option 2</igx-radio>
+        <igx-radio [(ngModel)]="selected" (ngModelChange)="onChange($event)" (change)="onRadioChanged($event)" value="option3" disabled="true">Option 3</igx-radio>
         <br>
         <button igxButton="raised" (click)="selectSecond()">Select second</button>
     </article>

src/app/input/input.sample.ts

@@ -1,14 +1,15 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { IChangeRadioEventArgs } from 'igniteui-angular';
 
 @Component({
+    changeDetection: ChangeDetectionStrategy.OnPush,
     selector: 'app-input-sample',
     styleUrls: ['input.sample.css'],
     templateUrl: 'input.sample.html'
 })
 export class InputSampleComponent {
     public placeholder = 'Please enter a value';
-    public selected: string;
+    public selected = 'option1';
 
     public user = {
         comment: '',
@@ -53,10 +54,7 @@ export class InputSampleComponent {
     }
 
     public onChange(value: string) {
-        if(this.selected !== value) {
-            console.log('changed radio selection');
-            this.selected = value;
-        }
+        console.log(value);
     }
 
     public onRadioChanged(event: IChangeRadioEventArgs) {