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>