AngularJS directive: append and update html

Question

I have a directive where i need also to append child element on update, what i have done is this:

var el = $compile('<a href="http://' + image.url + '">' + image.name + '</a>')( scope );
element.append(el);

This works, but on update it will always append new link tag without removing the previous one, how can i remove the existing and add new one? Or there is a better way of doing this?

Post your directive code as well so that what you are trying to do is clear. — sabithpocker
– sabithpocker, Commented May 19, 2016 at 18:39

sielakos · Accepted Answer · 2016-05-19 18:43:57Z

2

call element.empty() before element.append()

but i would recommend using ng-href directive.

<a ng-href="http://{{image.url}}">{{image.name}}</a>

answered May 19, 2016 at 18:43

sielakos

2,40413 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

AngularJS directive: append and update html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related