javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

toggle/checkbox tap improvements

Browse Source
This commit is contained in:
Adam Bradley
2014-02-01 00:15:10 -06:00
parent 3996ce1fa2
commit 00f6b17b7f
13 changed files with 75 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/ext/angular/src/directive/ionicCheckbox.js vendored
View File

@@ -17,11 +17,11 @@ angular.module('ionic.ui.checkbox', [])
},
transclude: true,
template: '<div class="item item-checkbox">' +
'<label class="checkbox">' +
template: '<div class="item item-checkbox disable-pointer-events">' +
'<label class="checkbox enable-pointer-events">' +
'<input type="checkbox" ng-model="ngModel" ng-value="ngValue" ng-change="ngChange()">' +
'</label>' +
'<div class="item-content disable-pointer-events" ng-transclude></div>' +
'<div class="item-content" ng-transclude></div>' +
'</div>',
compile: function(element, attr) {

8
js/ext/angular/src/directive/ionicToggle.js vendored
View File

@@ -18,12 +18,12 @@ angular.module('ionic.ui.toggle', [])
ngChange: '&'
},
transclude: true,
template: '<div class="item item-toggle">' +
'<div class="disable-pointer-events" ng-transclude></div>' +
'<label class="toggle">' +
template: '<div class="item item-toggle disable-pointer-events">' +
'<div ng-transclude></div>' +
'<label class="toggle enable-pointer-events">' +
'<input type="checkbox" ng-model="ngModel" ng-value="ngValue" ng-change="ngChange()">' +
'<div class="track disable-pointer-events">' +
'<div class="handle disable-pointer-events"></div>' +
'<div class="handle"></div>' +
'</div>' +
'</label>' +
'</div>',

14
js/ext/angular/src/directive/ionicTouch.js vendored
View File

@@ -17,22 +17,16 @@ angular.module('ionic.ui.touch', [])
.directive('ngClick', ['$parse', function($parse) {
function onTap(e) {
// wire this up to Ionic's tap/click simulation
ionic.clickElement(e.target, e);
}
// Actual linking function.
return function(scope, element, attr) {
var clickHandler = $parse(attr.ngClick);
element.on('click', function(event) {
function onTap(e) {
scope.$apply(function() {
clickHandler(scope, {$event: (event)});
});
});
clickHandler(scope, {$event: (e)});
});
}
ionic.on('tap', onTap, element[0]);
// Hack for iOS Safari's benefit. It goes searching for onclick handlers and is liable to click