AngularJS指令：追加和更新HTML

Question

我有一个指令，在那里我也需要附加上更新子元素，我做了什么是这样的：

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

这工作，但在更新，它会永远追加新链接标签，而不删除前一个，我如何删除现有的并添加新的？ 或者有更好的方法来做到这一点？

Answer 1

调用element.empty（）element.append（）之前

，但我会建议使用ng-href指令。

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