如何从外部触发指令模板内的元素？

Question

我无法访问由指令创建的app.js之外的dom元素，应该怎么做？请建议最好的办法，因为我是新来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); 
    } 
    }; 
});