From 7f9bfb5a9499537f5aa18291b7c2043da2aced49 Mon Sep 17 00:00:00 2001
From: Andy Joslin <andytjoslin@gmail.com>
Date: Fri, 7 Feb 2014 17:00:14 -0500
Subject: [PATCH] feat(sideMenuContent): watch `drag-content` attribute

---
 js/ext/angular/src/directive/ionicSideMenu.js | 6 ++++--
 js/ext/angular/test/sideMenu.html             | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/js/ext/angular/src/directive/ionicSideMenu.js b/js/ext/angular/src/directive/ionicSideMenu.js
index 039b66b0b95..61fc139f989 100644
--- a/js/ext/angular/src/directive/ionicSideMenu.js
+++ b/js/ext/angular/src/directive/ionicSideMenu.js
@@ -7,7 +7,7 @@
  * left and/or right menu, which a center content area.
  */
 
-angular.module('ionic.ui.sideMenu', ['ionic.service.gesture', 'ionic.service.view']) 
+angular.module('ionic.ui.sideMenu', ['ionic.service.gesture', 'ionic.service.view'])
 
 /**
  * The internal controller for the side menu controller. This
@@ -60,7 +60,9 @@ angular.module('ionic.ui.sideMenu', ['ionic.service.gesture', 'ionic.service.vie
 
         $element.addClass('menu-content');
 
-        $scope.dragContent = $scope.$eval($attr.dragContent) === false ? false : true;
+        $scope.$watch(attr.dragContent, function(value) {
+          $scope.dragContent = value;
+        });
 
         var defaultPrevented = false;
         var isDragging = false;
diff --git a/js/ext/angular/test/sideMenu.html b/js/ext/angular/test/sideMenu.html
index 32672e1f45b..45e09218274 100644
--- a/js/ext/angular/test/sideMenu.html
+++ b/js/ext/angular/test/sideMenu.html
@@ -17,12 +17,13 @@
 
     <div ng-controller="MenuCtrl">
       <side-menus>
-        <pane side-menu-content>
+        <pane side-menu-content drag-content="$root.$draggy">
           <header class="bar bar-header bar-assertive">
             <button class="button button-icon" ng-click="openLeft()"><i class="icon ion-navicon"></i></button>
             <h1 class="title">Slide me</h1>
           </header>
           <content has-header="true">
+            <toggle ng-model="$root.$draggy">Hello</toggle>
             <h1>Content</h1>
           </content>
         </pane>