AngularJS指令:追加并更新html

时间:2016-05-19 18:35:53

标签: javascript angularjs angularjs-directive

我有一个指令,我还需要在更新时附加子元素,我所做的是:

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

这样可行,但是在更新时它会始终附加新的链接标记而不删除前一个,我如何删除现有的并添加新的? 或者有更好的方法吗?

1 个答案:

答案 0 :(得分:2)

在element.append()

之前调用element.empty()

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

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