Javascript 在AngularJS中输出YouTube API数据
我正在尝试从某个频道检索所有播放列表，并在AngularJS应用程序中打印出每个播放列表的名称Javascript 在AngularJS中输出YouTube API数据,javascript,angularjs,youtube-api,Javascript,Angularjs,Youtube Api,我正在尝试从某个频道检索所有播放列表，并在AngularJS应用程序中打印出每个播放列表的名称 var myApp = angular.module('app', ['ngResource']); myApp.factory('videoApi', function ($resource) { return $resource( 'https://www.googleapis.com/youtube/v3/playlists', {callback
var myApp = angular.module('app', ['ngResource']);
myApp.factory('videoApi', function ($resource) {
return $resource( 'https://www.googleapis.com/youtube/v3/playlists',
{callback: 'JSON_CALLBACK'},
{
get: {
method: 'JSONP',
params: {
part: 'snippet',
channelId: '**removed**',
maxResults: 50,
key: '**removed**' },
isArray : false,
}
} );
});
myApp.controller('WebService', function ($scope, videoApi) {
$scope.playlist = videoApi.get();
});
<head>
<script type="text/javascript" src="https://code.angularjs.org/1.1.4/angular.min.js"></script>
<script type="text/javascript" src="http://code.angularjs.org/1.0.7/angular-resource.min.js"></script>
<script type="text/javascript" src="crashcourse.js"></script>
</head>
<body>
<div ng-app="app">
<div ng-controller="WebService">
{{playlist.items[0].snippet.title}}
</div>
</div>
</body>
{{playlist.items[0].snippet.title}
<div ng-app="app">
<div ng-controller="WebService">
<div ng-repeat="item in playlist.items">
{{item.snippet.title}}
</div>
</div>
</div>
{{item.snippet.title}
请参见我猜其中一个属性包含一个数组，而您没有正确引用该数组中的项。正如@KevinB所说<代码>项是一个数组。可能playlist.items[0].snippet.title会给你第一个标题等？@theduck我试过了，但不幸的是仍然没有打印出来。你的HTML是什么样子的？
{{playlist.items[0].snippet.title}