AngularJS: How to access a dynamically generated element within a directive

Question

Say you have:

pre: function preLink(scope, element, attrs) {
  element.append('<div id="foo">foo</div>');
}

... and then you want to get a handle on the new foo element.

How is that possible?

Currently I have to run $compile on it, assign a directive to the div, and access it that way.

dimirc · Accepted Answer · 2013-11-17 05:15:38Z

1

Something like this you mean?

var demo = angular.element('<div id="foo">foo</div>');
demo.bind('click', scope.clickingCallback);
element.append(demo);

answered Nov 17, 2013 at 5:15

dimirc

6,7753 gold badges26 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Exactly. Create the element, then add it. Thanks.