如何從YouTube API追加更多結果並附加到AngularJS的div上？

我有什麼，我在CodePen正在開發的一個例子：如何從YouTube API追加更多結果並附加到AngularJS的div上？

在codePen頁面沒有編制角變量，所以我會解釋。頁面加載在左邊的一個視頻中，右邊加載一個視頻列表，它正在工作，但我需要製作一個按鈕，在該列表中加載更多視頻。

我試試這個文本和它的附加同樣的結果，如果我試圖顯示它與錯誤$的sanitize阻斷URL的圖像：badparse：

$scope.divHtmlVar = ''; 
     $scope.carregaMais = function(itemId, nextPage) {  
     YoutubeService.getPlaylistItems(itemId, nextPage);   
     $scope.divHtmlVar = $scope.divHtmlVar + '<div class="col-xs-12 col-sm-8 col-md-4 col-lg-6"><a href="#"><img class="img-responsive" src=' + $scope.thumb+ 'alt="Video Image"><br/><i>'+nextPage+'</i>';      
    }

來源

2017-04-13 gise

你真的不應該注入HTML中你的角度應用。只需創建一個模板並將其綁定到您的控制器。例如，您將爲您的視頻列表添加一個標記，其中使用ng-repeat來呈現您的數據列表。並且，如果它過濾掉某些您不希望的內容，請檢查文檔並更改其配置。

來源

2017-04-13 15:44:28 Nexus

謝謝，我改變了，這個工程，我知道什麼是模板，但我不知道如何綁定，你有一個例子嗎？ http://codepen.io/Gisesonia/pen/OpGRzp – gise

現在我發現另一個問題，函數不能在ng-bind-html中工作，我發現了一些答案，但我不知道如何應用在這個案件。例如：[link]（http://stackoverflow.com/questions/31825405/ng-click-not-working-inside-the-controller-using-of-ng-bind-html）。我試圖加載視頻與append，因爲它是時間加載5，如果它不是一個很好的實踐，我應該怎麼做。 – gise

如何從YouTube API追加更多結果並附加到AngularJS的div上？

回答

相關問題