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

Fixed ngModel.$render for button radios

Browse Source
This commit is contained in:
Max Lynch
2013-12-05 16:32:30 -06:00
parent 6568a68777
commit 604342d1bb
3 changed files with 71 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
js/ext/angular/src/directive/ionicRadio.js vendored
View File

@@ -70,44 +70,52 @@ angular.module('ionic.ui.radio', [])
transclude: true,
template: '<div class="button-bar button-bar-inline" ng-transclude></div>',
controller: ['$scope', '$element', function($scope, $element) {
this.select = function(element) {
var c, children = $element.children();
for(var i = 0; i < children.length; i++) {
c = children[i];
if(c != element[0]) {
c.classList.remove('active');
}
}
};
}],
link: function($scope, $element, $attr, ngModel) {
var radio;
if(ngModel) {
//$element.bind('tap', tapHandler);
ngModel.$render = function() {
var val = $scope.$eval($attr.ngValue);
if(val === ngModel.$viewValue) {
} else {
}
};
$scope.$parent.$on('button.toggled', function(e, element) {
var c, children = $element.children();
var children = $element.children();
for(var i = 0; i < children.length; i++) {
c = children[i];
if(c != element[0]) {
c.classList.remove('active');
}
children[i].classList.remove('active');
}
});
$scope.$parent.$broadcast('radioButton.select', ngModel.$viewValue);
};
}
}
};
})
.directive('button', function() {
.directive('buttonRadio', function() {
return {
restrict: 'E',
require: '?^ngModel',
link: function($scope, $element, $attr, ngModel) {
if(!ngModel) { return; }
restrict: 'CA',
require: ['?^ngModel', '?^radioButtons'],
link: function($scope, $element, $attr, ctrls) {
var ngModel = ctrls[0];
var radioButtons = ctrls[1];
if(!ngModel || !radioButtons) { return; }
var setIt = function() {
$element.addClass('active');
ngModel.$setViewValue($scope.$eval($attr.ngValue));
$scope.$emit('button.toggled', $element);
radioButtons.select($element);
};
$scope.tapHandler = function(e) {
@@ -118,6 +126,12 @@ angular.module('ionic.ui.radio', [])
var clickHandler = function(e) {
setIt();
};
$scope.$on('radioButton.select', function(e, val) {
if(val == $scope.$eval($attr.ngValue)) {
$element.addClass('active');
};
});
$element.bind('click', clickHandler);
}