feat(toggle): Disable toggle w/ ng-disabled, closes #541

ionic-team · Feb 6, 2014 · 2eab747 · 2eab747
1 parent d15905f
commit 2eab747
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/js/ext/angular/src/directive/ionicToggle.js b/js/ext/angular/src/directive/ionicToggle.js
@@ -35,7 +35,6 @@ angular.module('ionic.ui.toggle', [])
       if(attr.ngChecked) input.attr('ng-checked', 'ngChecked');
       if(attr.ngTrueValue) input.attr('ng-true-value', attr.ngTrueValue);
       if(attr.ngFalseValue) input.attr('ng-false-value', attr.ngFalseValue);
-      if(attr.ngDisabled) input.attr('ng-false-value', attr.ngFalseValue);
 
       // return function link($scope, $element, $attr, ngModel) {
       //   var el, checkbox, track, handle;

diff --git a/js/ext/angular/test/toggle.html b/js/ext/angular/test/toggle.html
@@ -1,7 +1,7 @@
 <html ng-app="toggleTest">
   <head>
     <meta charset="utf-8">
-    <title>Radio</title>
+    <title>Toggle</title>
 
     <!-- Sets initial viewport load and disables zooming  -->
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

diff --git a/scss/_toggle.scss b/scss/_toggle.scss
@@ -84,3 +84,7 @@
   right: $item-padding;
   z-index: $z-index-item-toggle;
 }
+
+.toggle input:disabled + .track {
+  opacity: .6;
+}