AngularJS Get Element Attributes without JQuery

Question

I am working on creating a AngularJS site that DOES NOT use JQuery. In a directive, the values that are passed are

EngagementApp.directive('movingAside', function() {
    return {
        restrict : 'A',
        link : function(scope, element, attributes) {

      }
    }
});

And html looks like:

<div class="aside" moving-aside>...Content...</div>

Doing things like element.clientHeight returns an undefined.

How can get the attributes(height, width, offset, etc) of the element without using JQuery and only AngularJS functions?

When you are using angular you're using jQuery already(angularjs itself uses jQuery lite)... I hope I didn't ruin your mood for the day. — gdoron
– gdoron, Commented Sep 17, 2013 at 14:33
What exactly are you trying to do? bare in mind it's jQuery lite, so some functions are missing or it wasn't lite... — gdoron
– gdoron, Commented Sep 17, 2013 at 14:40

Marko · Accepted Answer · 2014-01-31 22:50:57Z

14

Use element[0].clientHeight | offsetHeight | scrollHeight

element[0] gives you access to the first DOM element in the JQLite selector collection while clientHeight is a built in property of the DOM element.

EngagementApp.directive('movingAside', function() {
    return {
        restrict : 'A',
        link : function(scope, element, attributes) {
            console.log(element[0].clientHeight);
      }
    }
});

There are 3 different heights you can get depending on what you're after:

answered Jan 31, 2014 at 22:50

Marko

72.3k29 gold badges126 silver badges160 bronze badges

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

Comments

mak · Accepted Answer · 2013-09-17 14:47:01Z

0

Try angular.element(element).css('height')

edited Sep 17, 2013 at 14:47

mak

13.4k5 gold badges43 silver badges47 bronze badges

answered Sep 17, 2013 at 14:39

massintha

2141 silver badge3 bronze badges

1 Comment

Marko Over a year ago

This doesn't work as it would only read the css height value. Not the actual element's height.

Collectives™ on Stack Overflow

AngularJS Get Element Attributes without JQuery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related