显示youtube api v3标题和缩略图使用Angularjs

时间:2017-04-11 09:05:53

标签: angularjs api youtube

我获得了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>

请告诉我一种完成工作的方法! 非常感谢!

1 个答案:

答案 0 :(得分:0)

我明白了 改变角度

 $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。