diff --git a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/field/field.component.js b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/field/field.component.js
index fa02dbb..9226443 100644
--- a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/field/field.component.js
+++ b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/field/field.component.js
@@ -171,13 +171,13 @@
               <a href="#"
                 class="btn btn-success"
                 ng-show="vm.ngModel"
-                ng-click="vm.ngModel = false">
+                ng-click="vm.setBooleanVal(false)">
                 <i class="glyphicon glyphicon-ok"></i>
               </a>
               <a href="#"
                 class="btn btn-danger"
                 ng-show="!vm.ngModel"
-                ng-click="vm.ngModel = true">
+                ng-click="vm.setBooleanVal(true)">
                 <i class="glyphicon glyphicon-remove"></i>
               </a>
             </span>
@@ -216,6 +216,11 @@
       },
       controller: function($attrs, XosFormHelpers, LabelFormatter){
 
+        this.setBooleanVal = (val) => {
+          console.log(`Setting ngModel to: ${val}`);
+          this.ngModel = val;
+        }
+
         if(!this.name){
           throw new Error('[xosField] Please provide a field name');
         }