Удалить содержимое из div angular

Question

Это не должно быть сложно, но, прочитав множество примеров, я все еще не могу найти ответ или понять его, по крайней мере, каким-то элегантным способом. Я прочитал много ответов на SO, например this и this и this. Как ни странно, я не мог найти ничего, чтобы помочь.

Что я делаю и пытаюсь достичь?

Я называю 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 Question

Answer 2

Что ваш апи возвращение, массив объектов? Попробуйте это

$scope.getSongs = function(){ 

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

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

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

    });