Fixed #289 - radio button click strangeness

dist/css/ionic.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*!
  * Copyright 2013 Drifty Co.
  * http://drifty.com/

dist/css/themes/ionic-ios7.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*!
  * Copyright 2013 Drifty Co.
  * http://drifty.com/

dist/js/ionic-angular.js

@@ -1490,7 +1490,11 @@ angular.module('ionic.ui.radio', [])
         }
       });
         
-      $element.bind('click', clickHandler);
+      ionic.on('tap', clickHandler, $element[0]);
+
+      $scope.$on('$destroy', function() {
+        ionic.off('tap', clickHandler);
+      });
     }
   };
 });

js/ext/angular/src/directive/ionicRadio.js

@@ -125,7 +125,11 @@ angular.module('ionic.ui.radio', [])
         }
       });
         
-      $element.bind('click', clickHandler);
+      ionic.on('tap', clickHandler, $element[0]);
+
+      $scope.$on('$destroy', function() {
+        ionic.off('tap', clickHandler);
+      });
     }
   };
 });

js/ext/angular/test/radioButton.html

@@ -26,11 +26,12 @@
           <label class="item item-input">
             <span class="input-label">Units</span>
             
-            <radio-buttons ng-model="data.isLovely">
-              <button class="button button-assertive button-radio" ng-value="'magical'">Magical</button>
+            <!--<radio-buttons ng-model="data.isLovely">-->
+            <div class="button-bar">
+              <button class="button button-assertive button-radio" ng-value="'magical'" ng-click="magical()">Magical</button>
               <button class="button button-assertive button-radio" ng-value="'black'">Black</button>
               <button class="button button-assertive button-radio" ng-value="'pinto'">Pinto</button>
-            </radio-buttons>
+            </div>
           </label>
         </div>
 
@@ -45,6 +46,9 @@
       angular.module('radioButtonTest', ['ionic'])
 
       .controller('TestCtrl', function($scope) {
+          $scope.magical = function() {
+            console.log('Mgical');
+          };
         $scope.data = {};
         var items = ['magical', 'black', 'pinto'];
         var i = 0;