Obtenir la hauteur de l’élément HTML sans JQuery dans AngularJS

Je me familiarise avec AngularJS. J’essaie d’être aussi pur que possible. Pour cette raison, j’essaie d’éviter d’inclure jQuery. Cependant, j’ai un problème pour obtenir la hauteur d’un élément HTML. Actuellement, j’essaie ce qui suit:

angular.module('myModule', []) .directive('myDirective', function() { return { ressortingct: 'A', link: function(scope, element) { console.log(element.css('height')); } }; }) ; 

Cependant, lorsque ce code est exécuté, une ligne vide est écrite sur la console. J’essaie d’afficher la hauteur de l’élément. Est-il possible de faire cela dans AngularJS sans utiliser jQuery?

Je vous remercie!

Il semble que cela fonctionne correctement et donne le même résultat si vous utilisez:

 element.style.height 

Comme aucun style en ligne ou hauteur CSS n’est défini sur l’élément, une ligne vide est affichée. Au lieu de vous fier au style, vous pouvez obtenir directement la hauteur des éléments HTML.

 console.log(element[0].offsetHeight); 

http://plnkr.co/edit/03YWwjBjYpid4fVmDxlM?p=preview

Comment récupérer la largeur et la hauteur réelles d’un élément HTML?

Le petit wrapper autour de l’élément fourni par angular vous permet de demander des propriétés, donc:

 element.prop('offsetHeight'); 

Cela fonctionnera bien, voir: http://plnkr.co/edit/pFHySDo7hjEcMKCqGuiV?p=preview