fix(radio): Fix radio button group value did not change for false, 0, and empty string

Author: tinayuangao

src/lib/radio/radio.ts

@@ -171,7 +171,7 @@ export class MatRadioGroup extends _MatRadioGroupMixinBase
   @Input()
   get value(): any { return this._value; }
   set value(newValue: any) {
-    if (this._value != newValue) {
+    if (this._value !== newValue) {
       // Set this before proceeding to ensure no circular loop occurs with selection.
       this._value = newValue;
 
@@ -247,12 +247,12 @@ export class MatRadioGroup extends _MatRadioGroupMixinBase
   /** Updates the `selected` radio button from the internal _value state. */
   private _updateSelectedRadioFromValue(): void {
     // If the value already matches the selected radio, do nothing.
-    const isAlreadySelected = this._selected != null && this._selected.value == this._value;
+    const isAlreadySelected = this._selected !== null && this._selected.value === this._value;
 
-    if (this._radios != null && !isAlreadySelected) {
+    if (this._radios !== null && !isAlreadySelected) {
       this._selected = null;
       this._radios.forEach(radio => {
-        radio.checked = this.value == radio.value;
+        radio.checked = this.value === radio.value;
         if (radio.checked) {
           this._selected = radio;
         }
@@ -374,13 +374,12 @@ export class MatRadioButton extends _MatRadioButtonMixinBase
   get checked(): boolean { return this._checked; }
   set checked(value: boolean) {
     const newCheckedState = coerceBooleanProperty(value);
-
-    if (this._checked != newCheckedState) {
+    if (this._checked !== newCheckedState) {
       this._checked = newCheckedState;
-
-      if (newCheckedState && this.radioGroup && this.radioGroup.value != this.value) {
+      if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {
         this.radioGroup.selected = this;
-      } else if (!newCheckedState && this.radioGroup && this.radioGroup.value == this.value) {
+      } else if (!newCheckedState && this.radioGroup && this.radioGroup.value === this.value) {
+
         // When unchecking the selected radio button, update the selected radio
         // property on the group.
         this.radioGroup.selected = null;
@@ -398,12 +397,12 @@ export class MatRadioButton extends _MatRadioButtonMixinBase
   @Input()
   get value(): any { return this._value; }
   set value(value: any) {
-    if (this._value != value) {
+    if (this._value !== value) {
       this._value = value;
-      if (this.radioGroup != null) {
+      if (this.radioGroup !== null) {
         if (!this.checked) {
           // Update checked when the value changed to match the radio group's value
-          this.checked = this.radioGroup.value == value;
+          this.checked = this.radioGroup.value === value;
         }
         if (this.checked) {
           this.radioGroup.selected = this;
@@ -421,10 +420,10 @@ export class MatRadioButton extends _MatRadioButtonMixinBase
   get align(): 'start' | 'end' {
     // align refers to the checkbox relative to the label, while labelPosition refers to the
     // label relative to the checkbox. As such, they are inverted.
-    return this.labelPosition == 'after' ? 'start' : 'end';
+    return this.labelPosition === 'after' ? 'start' : 'end';
   }
   set align(v) {
-    this.labelPosition = (v == 'start') ? 'after' : 'before';
+    this.labelPosition = (v === 'start') ? 'after' : 'before';
   }
 
   private _labelPosition: 'before' | 'after';
@@ -441,7 +440,7 @@ export class MatRadioButton extends _MatRadioButtonMixinBase
   /** Whether the radio button is disabled. */
   @Input()
   get disabled(): boolean {
-    return this._disabled || (this.radioGroup != null && this.radioGroup.disabled);
+    return this._disabled || (this.radioGroup !== null && this.radioGroup.disabled);
   }
   set disabled(value: boolean) {
     this._disabled = coerceBooleanProperty(value);
@@ -506,7 +505,7 @@ export class MatRadioButton extends _MatRadioButtonMixinBase
 
     this._removeUniqueSelectionListener =
       _radioDispatcher.listen((id: string, name: string) => {
-        if (id != this.id && name == this.name) {
+        if (id !== this.id && name === this.name) {
           this.checked = false;
         }
       });
@@ -578,7 +577,7 @@ export class MatRadioButton extends _MatRadioButtonMixinBase
     // emit its event object to the `change` output.
     event.stopPropagation();
 
-    const groupValueChanged = this.radioGroup && this.value != this.radioGroup.value;
+    const groupValueChanged = this.radioGroup && this.value !== this.radioGroup.value;
     this.checked = true;
     this._emitChangeEvent();