Как вызвать элементы внутри шаблона директивы извне?

Question

Я не могу получить доступ к элементам dom за пределами app.js, которые создаются директивой, что делать? пожалуйста, предложить лучший подход, так как я новичок в angularjs

app.directive('myMenu', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     template: ' <div class="sticky-wrapper"><div class="sticky-menu"> menu</div></div>' 
    }; 
}); 

JSFiddle Link

Answer 1

Пытались ли вы с $(document).ready(function() {, как показано ниже:

http://jsfiddle.net/dwyu78Ln/4/

$(document).ready(function() { 
    var orgElementPos = $('.sticky-wrapper').offset(); 
    alert(orgElementPos.top); 
}) 

Answer 2

попробовать что-то вроде этого:

var app = angular.module('app',[]); 

app.directive('myMenu', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     template: ' <div class="sticky-wrapper"><div class="sticky-menu"> menu</div></div>', 
    link: function(element){ 
      var orgElementPos = $('.sticky-wrapper').offset().top; 
     alert(orgElementPos); 
    } 
    }; 
});