Resizing div's in an AngularJS directive?

Question

I'm trying to resize a div with a background image (left) and a variable height description (right), but can't get it to work. Here's the fiddle . I tried several things with/without zepto/jQuery/document.getElementById ... nothing works.

.directive('resize', function () {
  return {
    restrict: 'A',
    scope: {},
    link: function(scope, elem, attrs) {
      elem.height(400);
    }
  };
})

I'm seeing "no module app" or something similar. To create the module you need to define it with the second, dependency list argument angular.module('app', []) — Matt Whipple
– Matt Whipple, Commented Aug 8, 2013 at 13:53

AlwaysALearner · Accepted Answer · 2013-08-08 13:56:58Z

2

You can use jQuery:

jQuery(elem).height(400);

Fiddle

Not too ideal though :(

answered Aug 8, 2013 at 13:56

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

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

Comments

Blackhole · Accepted Answer · 2013-08-08 13:59:01Z

1

If you don't use jQuery, AngularJS implements only a lite version of the framework, jqLite, which doesn't have a height() method. You can see the documentation for the list of the available functions in jqLite.

In your case, for instance, you can simply do:

element.css('height', '400px');

Fiddle

Notice that, as pointed out in the comment, your fiddle wasn't functional. I've corrected that problem.

answered Aug 8, 2013 at 13:59

Blackhole

20.5k7 gold badges72 silver badges69 bronze badges

3 Comments

Patrick Over a year ago

Ok, works in the fiddle environment. Not within PhoneGap though. I suppose it has something to do with the DOM not to be ready at this stage?

Blackhole Over a year ago

No. The DOM is ready and computed in the link function, at least for the element and his children (see the documentation). The problem is elsewhere, but we can't help you if we can't reproduce it.

Patrick Over a year ago

Thanks. I'll try to figure out what's wrong then. At least it's working on the Angular-side.

Collectives™ on Stack Overflow

Resizing div's in an AngularJS directive?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related