Как добавить ngClick к существующему элементу

Question

Итак, у меня есть HTML, который я не контролирую.

<div id="myDiv"> 
Stuff inside my div... 
</div> 

Я хочу добавить ngClick к нему. Если бы я мог контролировать HTML, я бы просто сделать это

<div id="myDiv" ng-click="doSomething()"> 
Stuff inside my div... 
</div> 

Но как я уже сказал, я не могу изменить HTML. Если это был jQuery, я бы просто сделал

$('#myDiv').click(function(){ 
    doSomething(); 
}); 

Как это сделать в Angularjs? Благодарю.

UPDATE

Судя по downvotes, кажется, что вы, ребята, не довольны тем, что я пытаюсь сделать здесь, поэтому позвольте мне объяснить.

Я использую AngularUI в своем приложении. У AngularUI есть все эти шаблоны, которые они вставляют. Например

<accordion-heading></accordion-heading> 

становится

<div class="panel-heading"> 
    <h4 class="panel-title"> 
     <a href="" class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading"> 
     <span class="ng-binding ng-scope">Heading</span> 
     </a> 
    </h4> 
</div> 

Я хочу добавить ngClick на "панель-название". Я МОЖЕТ перезаписать шаблон и добавить его, но я не хочу этого делать. Исходя из jQuery, имеет смысл просто прослушать событие щелчка на «название панели». Как это делается Угловое? Благодарю.

Answer 1

Вам нужно найти элемент, как чему-л: angular.element(//selector here); затем добавьте атрибут вам нужно (нг-клик), .attr('ng-click', '//whatever should be here'), а затем скомпилировать его с угловым $compile.

Но. Мне грустно, что вы должны это сделать, надеюсь, вы найдете возможность изменить html.

Docs for compile