feat(angular/demo): add test for stand-alone radio button

packages/angular/demo/src/app/group-inputs-page/group-inputs-page.component.html

@@ -70,7 +70,7 @@
       <h3>Ionic Without Radio Group</h3>
     </ion-col>
   </ion-row>
-  <!-- <ion-row>
+  <ion-row>
     <ion-col>
       <ion-list>
         <ion-item>
@@ -96,7 +96,7 @@
       </ion-list>
     </ion-col>
     <ion-col></ion-col>
-  </ion-row> -->
+  </ion-row>
 
 </ion-grid>
 <a href='home'>Home</a>

packages/angular/demo/src/app/shared/ion-radio-value-accessor/ion-radio-value-accessor.directive.ts

@@ -0,0 +1,74 @@
+import {
+  Directive,
+  ElementRef,
+  HostListener,
+  Input,
+  Renderer2
+} from '@angular/core';
+import {
+  ControlValueAccessor,
+  DefaultValueAccessor,
+  NgControl,
+  NG_VALUE_ACCESSOR
+} from '@angular/forms';
+
+// NOTE: this is just a sample. It really belongs in @ionic/angular and not at all int his app here
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'ion-radio',
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: IonRadioValueAccessorDirective,
+      multi: true
+    }
+  ]
+})
+export class IonRadioValueAccessorDirective implements ControlValueAccessor {
+  @Input() value: any;
+  @Input() name: string;
+
+  onChange: (value: any) => void;
+  onTouched: () => void;
+
+  constructor(private element: ElementRef, private renderer: Renderer2) {
+    this.onChange = () => {};
+    this.onTouched = () => {};
+  }
+
+  writeValue(value: any) {
+    this.renderer.setProperty(
+      this.element.nativeElement,
+      'checked',
+      value === this.value
+    );
+  }
+
+  @HostListener('ionSelect', ['$event.target.checked'])
+  _handleIonSelect(value: any) {
+    this.onChange(value);
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+  }
+
+  registerOnChange(fn: (value: any) => void): void {
+    this.onChange = () => {
+      fn(this.value);
+    };
+  }
+
+  registerOnTouched(fn: () => void): void {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.renderer.setProperty(
+      this.element.nativeElement,
+      'disabled',
+      isDisabled
+    );
+  }
+}

packages/angular/demo/src/app/shared/shared.module.ts

@@ -1,11 +1,22 @@
 import { NgModule } from '@angular/core';
 
 import { IonBooleanValueAccessorDirective } from './ion-boolean-value-accessor/ion-boolean-value-accessor.directive';
+import { IonRadioValueAccessorDirective } from './ion-radio-value-accessor/ion-radio-value-accessor.directive';
 import { IonSelectValueAccessorDirective } from './ion-select-value-accessor/ion-select-value-accessor.directive';
 import { IonTextValueAccessorDirective } from './ion-text-value-accessor/ion-text-value-accessor.directive';
 
 @NgModule({
-  exports: [IonBooleanValueAccessorDirective, IonSelectValueAccessorDirective, IonTextValueAccessorDirective],
-  declarations: [IonBooleanValueAccessorDirective, IonSelectValueAccessorDirective, IonTextValueAccessorDirective]
+  exports: [
+    IonBooleanValueAccessorDirective,
+    IonRadioValueAccessorDirective,
+    IonSelectValueAccessorDirective,
+    IonTextValueAccessorDirective
+  ],
+  declarations: [
+    IonBooleanValueAccessorDirective,
+    IonRadioValueAccessorDirective,
+    IonSelectValueAccessorDirective,
+    IonTextValueAccessorDirective
+  ]
 })
-export class SharedModule { }
+export class SharedModule {}