小编Tom*_*lén的帖子

我想使用angularjs在我的移动应用中列出一堆来自YouTube的视频.我想要列出用户/频道特定播放列表的所有视频.

我从Google Developer Console获得了API KEY,但我不明白如何以及在何处使用它.在本文档中,他们只讨论了oauth方法.https://developers.google.com/youtube/v3/code_samples/javascript#authorizing_requests 我尝试直接使用该文档中的示例代码来获取消息,说明我必须首先进行身份验证.

我真的很感激这方面的一些帮助.如何使用api密钥进行身份验证,其次如何使用播放列表中的视频进行身份验证.

PS.我是一名新手开发人员,我正在使用angularjs和离子框架进行我的第一个学习项目.我是新出的Codeschool的css,jquery,javascript,backbone和angular的课程.DS.谢谢!

在angular.js和ionic框架中,我试图列出一些youtube电影,我试图从数组中输入src.

这是services.js中的数据

  var friends = [
{ id: 0, name: 'Omvända ZombieGrodor', url: '//www.youtube.com/embed/PHlIcWOwzQI?list=UUelsYLaipZjghHb8Wu_xm1g' },
{ id: 1, name: 'Höftlyft', url: '//www.youtube.com/embed/3o39iMaxVk4?list=UUelsYLaipZjghHb8Wu_xm1g' },
{ id: 2, name: 'Löparen', url: '//www.youtube.com/embed/21cLUxul11A?list=UUelsYLaipZjghHb8Wu_xm1g' },

].

这是html:

      <div class="list card">
      <div class="item item-image item-text-wrap">
          <iframe width="385" height="217" src="{{friend.url}}" frameborder="0" allowfullscreen></iframe>
          Friend.url: {{friend.url}}
      </div>
  </div>

如果我在src字段中对URL进行硬编码就可以了.但它不适用于此{{friend.url}}为什么会这样？另外,如果我打印出{{friend.url}}(如代码示例所示),它显示正常!

感谢您的帮助.

更新:我已将src更改为ng-src但它仍然无法正常工作.

<iframe width="385" height="217" ng-src="{{friend.url}}" frameborder="0" allowfullscreen></iframe>