Angularjs 离子材料含量未加载

我使用离子与agular js和离子材料框架。我使用YouTube api获取YouTube频道提要，但其内容最初没有加载。当我向下滚动时，feed数据将显示出来

初始内容的图像链接未加载。

向下滚动时的图像链接

离子控制台记录错误

TypeError: o[0] is undefined /lib/ionic-material/ionic.material.min.js, Line: 13

我的HTML文件“Gallery.HTML”的代码片段

Galery CTRL
.controller（'GalleryCtrl'，函数（$scope、$stateParams、$timeout、IonicMaterialLink、ionicMaterialMotion、$http）{
//发动
$scope.$parent.showHeader（）；
$scope.$parent.clearFabs（）；
$scope.isExpanded=false；
$scope.$parent.setExpanded（false）；
$scope.$parent.setHeaderFab（false）；
$timeout（函数（）{
ionicMaterialMotion.slideUp({
选择器：'.向上滑动'
});
}, 300);
$timeout（函数（）{
ionicMaterialMotion.FadesSlideInRight({
startVelocity:3000
});
}, 700);
//激活控制器的墨水
IonicMaterialLink.displayEffect（）；
$scope.videos=[]；
$scope.playerVars={
rel:0，
showinfo:0，
平均值：0，
}
$scope.nextPageToken=null；
$scope.youtubeParams={
关键词：“AIzaSyAurmOD4QgzS5jBxca1KMUe_GWGuxV6C5Q”，
键入：“视频”，
maxResults:'5'，
部分：'id，snippet'，
问：“Necatikcay”，
订单：'日期'，
channelId:'UCpdJQ9OrynGRA110wHO2_iA'，
}
函数加载视频（参数、回调）{
$http.get（'https://www.googleapis.com/youtube/v3/search“，{params:params}）.success（函数（响应）{
var视频=[]；
if（response.nextPageToken）{
$scope.nextPageToken=response.nextPageToken；
console.log（$scope.nextPageToken）；
angular.forEach（response.items，函数（child））{
视频。推送（儿童）；
});
}
回调（视频）；
});
}
$scope.loadOlderVideos=函数（）{
var params=$scope.youtubeParams；
if（$scope.nextPageToken）{
参数['pageToken']=$scope.nextPageToken；
}
加载视频（参数、功能（OldServiceDeos）{
if（olderVideos）{
$scope.videos=$scope.videos.concat（olderVideos）；
}
$scope.$broadcast（'scroll.infiniteScrollComplete'）；
});
};
$scope.loadNewServiceDeos=函数（）{
var params=$scope.youtubeParams；
参数['pageToken']=''；
加载视频（参数、功能（NewServiceDeos）{
$scope.videos=newerVideos；
$scope.$broadcast（'scroll.refreshComplete'）；
});
}；

{{video.snippet.title}
{{video.snippet.publishedAt | limito:10}

4.
4.
2.