From efe8cb4a7dd3746657a535541760398f7b4387e6 Mon Sep 17 00:00:00 2001
From: Nicolas Blaudez <nblaudez@gmail.com>
Date: Thu, 26 Feb 2015 19:53:54 +0100
Subject: [PATCH] Monitor values of menu or select variable to update dropdown
 Modification of examples page to add a add forms for menu and selec

---
 angular-dropdowns.js | 10 +++++++++-
 example/app.js       |  7 +++++++
 example/index.html   |  4 ++++
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/angular-dropdowns.js b/angular-dropdowns.js
index 69eee1e..8bbd653 100644
--- a/angular-dropdowns.js
+++ b/angular-dropdowns.js
@@ -85,6 +85,10 @@ dd.directive('dropdownSelect', ['DropdownService',
           });
         };
 
+        $scope.$watch($scope.$parent[$attrs.dropdownSelect],function() {
+            $scope.dropdownSelect=$scope.$parent[$attrs.dropdownSelect];
+        });
+
         $element.bind('click', function (event) {
           event.stopPropagation();
           DropdownService.toggleActive($element);
@@ -159,6 +163,10 @@ dd.directive('dropdownMenu', ['$parse', '$compile', 'DropdownService', '$templat
           });
         };
 
+        $scope.$watch($scope.$parent[$attrs.dropdownMenu],function() {
+            $scope.dropdownMenu=$scope.$parent[$attrs.dropdownMenu];
+        });
+
         $element.bind('click', function (event) {
           event.stopPropagation();
           DropdownService.toggleActive(tpl);
@@ -233,4 +241,4 @@ dd.factory('DropdownService', ['$document',
     return service;
   }
 ]);
-})(window, window.angular);
\ No newline at end of file
+})(window, window.angular);
diff --git a/example/app.js b/example/app.js
index 1118277..3caad1f 100644
--- a/example/app.js
+++ b/example/app.js
@@ -74,4 +74,11 @@ app.controller('AppCtrl', function($scope) {
   ];
 
   $scope.ddMenuSelected3 = {};
+  
+  $scope.addSelectOptions=function() {
+      $scope.ddSelectOptions.push({text:$scope.ddSelectAddOptions});
+  }
+  $scope.addMenuOptions=function() {
+      $scope.ddMenuOptions.push({text:$scope.ddMenuAddOptions});
+  }
 });
diff --git a/example/index.html b/example/index.html
index c13e14a..d3e903b 100644
--- a/example/index.html
+++ b/example/index.html
@@ -16,13 +16,17 @@
       <div style="margin:0 auto; text-align:center;">
         <h1>Dropdown Select</h1>
         <p>You have selected: {{ddSelectSelected}}</p>
+        <input type="text" ng-model="ddSelectAddOptions"><button ng-click="addSelectOptions()">Add</button>
         <div dropdown-select="ddSelectOptions" dropdown-model="ddSelectSelected"></div>
+        <br /><br /><br />
         <hr>
 
         <h1>Dropdown Menu</h1>
 
         <h2>On a Button</h2>
         <p>You have selected: {{ddMenuSelected}}</p>
+         <input type="text" ng-model="ddMenuAddOptions"><button ng-click="addMenuOptions()">Add</button>
+        <br /><br /><br />
         <button dropdown-menu="ddMenuOptions" dropdown-model="ddMenuSelected" class="btn-menu">
           Menu
         </button>