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

你的api返回什么是一系列对象？试试这个

$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);

    });

从div angular中删除内容

2 个答案: