J'ai un problème apparemment simple sans solution apparente (en lisant la documentation Angular JS) .
J'ai une directive Angular JS qui effectue des calculs basés sur la hauteur d'autres éléments DOM pour définir la hauteur d'un conteneur dans le DOM.
Quelque chose de similaire se passe dans la directive:
return function(scope, element, attrs) {
$('.main').height( $('.site-header').height() - $('.site-footer').height() );
}
Le problème est que lorsque la directive s'exécute, elle $('site-header')
est introuvable, renvoyant un tableau vide au lieu de l'élément DOM enveloppé jQuery dont j'ai besoin.
Y a-t-il un rappel que je peux utiliser dans ma directive qui ne fonctionne qu'après le chargement du DOM et que je peux accéder à d'autres éléments DOM via les requêtes de style de sélecteur jQuery normales?