Dynamic directions values about angular-resizable HOT 4 CLOSED

    return {
            restrict: 'AE',
            scope: {
                rDirections: '@',
                // ...
            },
            link: function(scope, element, attr) {
                // ...

                scope.$watch("rDirections", function(directions) {
                  if(typeof directions === 'string') {
                    dir = directions.split(',');
                  }

                  var oldGrabbers = element[0].querySelectorAll('[class^="rg-"]');
                  var l = oldGrabbers.length;
                  for (i = 0; i < l; ++i) {
                    var grabber = oldGrabbers[i];
                    grabber.parentNode.removeChild(grabber)
                  }

                  dir.forEach(function (direction) {
                      var grabber = document.createElement('div');

                      // add class for styling purposes
                      grabber.setAttribute('class', 'rg-' + direction);
                      grabber.innerHTML = inner;
                      element[0].appendChild(grabber);
                      grabber.ondragstart = function() { return false; };
                      grabber.addEventListener('mousedown', function(e) {
                          var disabled = (scope.rDisabled === 'true');
                          if (!disabled && e.which === 1) {
                              // left mouse click
                              dragStart(e, direction);
                          }
                      }, false);
                  });
                });
            }
        };
    });