Merge pull request #4 from natealmeida/deep-watch-options

Updated ezpOptions watch to deeply watch the options object
igorlino · May 10, 2016 · 433affb · 433affb
2 parents 65ba4a4 + 985c1b8
commit 433affb
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/js/angular-ezplus.js b/js/angular-ezplus.js
@@ -26,6 +26,7 @@
 
         link.$inject = ['$scope', '$element', '$attributes'];
         function link($scope, $element, $attributes) {
+            var bootstrapped = false;
             var options = {
                 onComplete: function () {
                     if ($scope.onComplete && $scope.onComplete()) {
@@ -96,10 +97,18 @@
                     plugin.changeState('enable');
                 }
             });
-            //updates options dinamically
+            //updates options dynamically by deeply watching the options object
             $scope.$watch('ezpOptions', function (newValue, oldValue) {
-                angular.extend(options, $scope.ezpOptions);
-            });
+                if (!bootstrapped) {
+                    bootstrapped = true;
+                } else {
+                    var plugin = angular.element($element).data('ezPlus');
+                    angular.extend(options, $scope.ezpOptions);
+                    if (plugin) {
+                        angular.element($element).ezPlus(options);
+                    }
+                }
+            }, true);
             $scope.$watch('ezpModel', function (newValue, oldValue) {
                 var image = newValue;
                 var thumbUrl = (image && image.thumb) || '';