Question

我正在尝试列出公开的YouTube播放列表中的视频，但我的环境中存在一个愚蠢的n00b问题。我是新手MVC的新手，也是angularjs的新手。

我使用了Ionic Framework及其启动应用程序“标签”来构建结构。这意味着我有这些文件：

的index.html
app.js
controllers.js
services.js
然后在名为templates的文件夹中的大部分html。它包含
tabs.html
突片-dash.html

等

如果我在index.html

中的head标记内将脚本标记作为脚本标记，则以下代码可以正常工作

<script>
                function load() {
          var playListID = "PLHSHVgZjuhS-DLWai4WIKv4cA83zUK0DI";
          var requestOptions = {
              playlistId: playListID,
              part: 'snippet',
              maxResults: 10
          };
          var apiKey = "AIzaSyB-c1R9L0kEwfy9I73NexVlgCqf5SiV5_I";
          gapi.client.setApiKey(apiKey);
          gapi.client.load('youtube','v3', function () {  
              var request = gapi.client.youtube.playlistItems.list(requestOptions);
              request.execute(function (data) {
                  console.log("testar");
                  console.log (data)
              });
          });

      }
  </script>
  <script src="https://apis.google.com/js/client.js?onload=load"></script>

但现在不是我们如何滚动angular.js了吗？我应该把这个脚本移到某个地方 - 但是在哪里？到apps.js？到controller.js？对于services.js（我仍然不明白它是什么......）“视图”在哪里？！好的，这不是主题，没关系。

如果我尝试简单地将javascript粘贴到apps.js文件中，应用程序崩溃了。如果我将它粘贴到controllers.js中的控制器中它不会崩溃，但它也不会起作用。没有任何内容打印到控制台。

所以我想知道这里最好的做法是什么，如何重写代码才能在正确的位置工作？感谢

Answer 1

此代码段

https://apis.google.com/js/client.js?onload=load

似乎暗示它正在全局范围内寻找名为load的函数。所以我认为在这种情况下你没有太多选择。

使用angularjs在MVC结构上快速新手Q.

1 个答案: