从div angular中删除内容

Question

这应该不难,但在阅读了很多例子之后,我仍然找不到答案,或者弄清楚,至少以任何一种优雅的方式.我已经阅读了很多关于SO的答案,比如这个以及这个和这个.奇怪的是,我找不到任何帮助.

我在做什么,并试图实现？

我正在调用一个返回一组和弦和歌词的API.当我调用API一次时,这非常有效,但是当我再次搜索时,和弦和歌词会附加在div的末尾.任何人都可以建议在填充新数据之前我应该​​使用什么角度方法或解决方案从div中删除内容？

这是我目前使用的代码:

$scope.getSongs = function(){

    $http({
        url: 'http://api.guitarparty.com/v2/songs/?query=' + $scope.song,
        dataType: 'json',
        method: 'GET'
    }).success(function(response){
        var myEl = angular.element( document.querySelector( '#chords' ) ); 

      ////something needs to go here...../////

        myEl.append(response.objects[0].body_chords_html);

    });

Answer 1

怎么样:

myEl.empty()

取自SO问题