youtube api v3のタイトルとサムネイルを表示する

Question

私はyoutube APIを持っています。今私は私のウェブサイトに私のチャンネルのビデオを表示したい。 私はこれを試しましたが、うまくいきません。 私の角度コード。

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope,$http) { 
    $http.get("https://www.googleapis.com/youtube/v3/activities?part=snippet,contentDetails&channelId=UC1GU2NAvytA-eWWKUNkA11w&key=MYKEY") 
    .then(function (response) { 
     $scope.videos = response.data; 

     }); 

}); 

私のhtmlコード

<table class="table"> 
       <thead> 
        <tr> 
         <th>Name</th> 

        </tr> 
       </thead> 
       <tbody> 
        <tr ng-repeat="x in videos"> 
        <td>{{ x.title }}</td> 

        </tr> 
       </tbody> 
     </table> 

私に仕事を得るための方法を教えてください！ ありがとう！

Answer 1

私は 変更角度

$scope.videos = response.data;//before 
$scope.videos = response.data.items;//now 

HTMLで

<tr ng-repeat="x in videos"> 
     <td>{{ x.snippet.title }}</td> 

    </tr> 

がそれを作るために多くの研究を取るそれを得ました。これについての多くの良いチュートリアルはありません。それらのほとんどはjqueryを使用します。