Div resizable in angular.js

Question

I want to integrating jquery UI resizable in angular.js but unable to do so, I am trying to resize the div with resize handle in angular.js but I am fail to do so. Any help will be great. I have already created resize directive and included jquery Ui js for resizable but its not working.

app.directive('resize', function() {
    return {
        // A = attribute, E = Element, C = Class and M = HTML Comment
        restrict:'E',
        //The link function is responsible for registering DOM listeners as well as updating the DOM.
        link: function(scope, element, attrs) {
         element.resizable();
        }
    };
});

Thanks in advance !!

Chandermani · Accepted Answer · 2013-10-13 13:12:07Z

1

I think the element object is a dom object. Wrap it in jquery $ and you may get the resizable() method

$(element).resizable();

Also make sure jquery ui scripts are loaded before angularjs starts bootstrapping.

answered Oct 13, 2013 at 13:12

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sikander Over a year ago

it means before angularjs have to include the jqueryui file

Julian Krispel-Samsel Over a year ago

that's not jquery that's jqueryui, you didn't mention that.

Collectives™ on Stack Overflow

Div resizable in angular.js

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related