AngularJS Richtlinie: append und Update html

Question

Ich habe eine Richtlinie, wo ich brauche auch untergeordnetes Element auf Update anhängen, was ich getan habe, ist dies:

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

Dies funktioniert, aber auf Update wird es immer wieder neue anhängen link tag ohne den vorherigen zu entfernen, wie kann ich den vorhandenen entfernen und einen neuen hinzufügen? Oder gibt es einen besseren Weg, dies zu tun?

Answer 1

Anruf element.empty() vor element.append()

, aber ich würde empfehlen, ng-href Direktive.

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