View:
<div class="list card" ng-repeat="x in content.spells">
....
<video width="320" height="240" ng-src="{{(getIdVideo(content.id) | trusted )}}" controls>
Seu navegador não suporta o elemento <code>video</code>.
</video>
....
</div>
Controlller:
$scope.getIdVideo = function(videoId){
videoId = videoId.toString();
for (var i=0; i<=4; i++){
if (videoId.length != 4){
//videoId = videoId.push('0');
videoId = "0"+videoId;
}
}
return 'http://cdn.leagueoflegends.com/champion-abilities/videos/mp4/'+videoId+'_02.mp4';
};
Chamo essa função getIdVideo()
para me retornar um video de acordo com o id passado como argumento, o problema é que para cada id preciso mostrar 4 videos
variando, de 2 a 5, o numero que vem após o "_" da url abaixo:
"http:/cdn.leagueoflegends.com/champion-abilities/videos/mp4/'+videoId+'_02.mp4"
Pensei em usar fazer com que a função retorne as 4 url's e então usar um ng-repeat
para exibir os 4 videos diferentes, mas não consegui implementar isto. De que maneira posso resolver meu problema?