重裝腳本Ajax調用

Question

後，我用Plangular這是使用角JS和的SoundCloud的API來播放一些歌曲指令。當然，它需要Soundcloud jdk，angular和它的js。

我tryed然後以這種方式通過Ajax加載在一個div動態外部內容：

$(document).ready(function(){ 
    $("body").on('click', '#chart_best',function(){ 
     $.ajax({url: "chart_best.html", success: function(result){ 
      $(".container").html(result); 
     }}); 
    }); 
    $("body").on('click', '#chart_best_indie_pop',function(){ 
     $.ajax({url: "chart_best_indie_pop.html", success: function(result){ 
      $(".container").html(result); 
     }}); 
    }); 
    $("body").on('click', '#chart_best_punk',function(){ 
     $.ajax({url: "chart_best_punk.html", success: function(result){ 
      $(".container").html(result);    
     }}); 
    }); 
}); 

新的內容是否正確裝入，但玩家簡單不起作用。這聽起來像需要在ajax調用之後重新加載JS。我嘗試使用.live但它不起作用。也嘗試刪除腳本並通過$ .getScript（）重新加載它們，但仍然無法使用該播放器。 我複製的問題，在這個項目中：https://codepen.io/GoingSolo/project/editor/DNVyJD/如果你左邊的列表中點擊加載新的內容，玩家簡單停止工作。 哪一個是重新加載所有腳本的最佳方式Plangular需要在我的ajax調用之後工作？

Answer 1

有興趣的人我是如何解決這個，基本上，所建議的，我改變了我的Ajax調用到angularjs $http這樣的：

gsplayer.controller('SearchBar', function($scope, $http) { 

    $scope.chart_best = function() { 
     $scope.dataLoaded = false; 
    $http.get("../themes/replay/chart_best.php").then(function (response) { 
     $scope.myData = response.data; 
     $scope.chartTitle = "Top 20 Tracks"; 
     $scope.dataLoaded = true; 
    }); 
    }; 

    $scope.chart_best_indie_pop = function() { 
     $scope.dataLoaded = false; 
    $http.get("../wp-content/themes/replay/chart_best_indie_pop.php").then(function (response) { 
     $scope.myData = response.data; 
     $scope.chartTitle = "Best Indie Pop Tracks"; 
     $scope.dataLoaded = true; 
    }); 
    }; 

    $scope.chart_best_punk = function() { 
     $scope.dataLoaded = false; 
    $http.get("../wp-content/themes/replay/chart_best_punk.php").then(function (response) { 
     $scope.myData = response.data; 
     $scope.chartTitle = "Best Punk Tracks"; 
     $scope.dataLoaded = true; 
    }); 
    };  
}); 

然後我不得不重寫三個php頁，以獲取json格式的所需數據並訪問myData。