Merge pull request #1 from EddyVerbruggen/radiobuttons

Radiobuttons

Author: EddyVerbruggen

README.md

@@ -88,7 +88,7 @@ export class SomeComponent  {
 <StackLayout>
     <CheckBox #CB1 text="CheckBox Label" checked="false"></CheckBox>
     <Button (tap)="toggleCheck()" text="Toggle it!"></Button>
-    <Button (tap)="getCheckProp()" text="Check Property"></
+    <Button (tap)="getCheckProp()" text="Check Property"></Button>
 </StackLayout>
 ```
 
@@ -98,6 +98,10 @@ export class SomeComponent  {
 - **text** - text to use with the checkbox
 - **fillColor** - Color of the checkbox element
 
+## Events
+
+- **checkedChange** - Use a reference to the CheckBox component to grab it's `checked` property when this event fires to see the new value.
+
 ## API
 
 - **toggle()** - Change the checked state of the view to the inverse of its current state.
@@ -124,6 +128,12 @@ Add the following to `app/App_Resources/Android/drawable/checkbox_grey.xml`
 </selector>
 ```
 
+## Radiobuttons, anyone?
+Want to use radiobutton behavior for your checkboxes (only one option possible within a group)?
+
+Check out the second tab in the [Angular demo](demo-ng/), here's a screenshot:
+
+<img src="./screens/radiobuttons.png" width="225px"/>
 
 ## Demo Setup
 * npm i

angular/index.ts

@@ -24,10 +24,10 @@ export type CheckableView = {checked: boolean} & View;
  *  ```
  */
 @Directive({
-    selector:  "CheckBox[ngModel], CheckBox[formControlName], checkBox[ngModel], checkBox[formControlName], check-box[ngModel], check-box[formControlName]",
+    selector:  "CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]",
     providers: [CHECKED_VALUE_ACCESSOR]
 })
-export class CheckedValueAccessor extends BaseValueAccessor<CheckableView> { 
+export class CheckedValueAccessor extends BaseValueAccessor<CheckableView> {
 
     constructor(@Inject(ElementRef) elementRef: ElementRef) {
         super(elementRef.nativeElement);