I know there is a question similar to mine, however the use was different and did not work the example that was mentioned.
I need to get a variable from my database that has the url and pass to be shown in the iframe.
Here is the whole code.
.state('video', {
url: '/video',
abstract: true,
templateUrl: 'tpl/app.html',
resolve: load( ['js/app/anime/anime.js','js/app/anime/anime-service.js','moment'] )
})
.state('video.id', {
url: '/:id/',
templateUrl: 'tpl/video.html'
})
/
app.controller('EpisodioDetailCtrl', ['$scope', 'episodios', '$stateParams', function($scope, episodios, $stateParams) {
episodios.get($stateParams.id).then(function(episodio){
$scope.episodio = episodio;
})
}]);
/
app.factory('episodios', ['$http', function ($http) {
var path = 'js/app/anime/episodios.json';
var episodios = $http.get(path).then(function (resp) {
return resp.data.episodios;
});
var factory = {};
factory.all = function () {
return episodios;
};
factory.get = function (id) {
return episodios.then(function(episodios){
for (var i = 0; i < episodios.length; i++) {
if (episodios[i].url == id) return episodios[i];
}
return null;
})
};
return factory;
}]);
Here is the example of saved values
{ "episodios": [
{ "id": 1, "id_anime": 1, "episodio": 1, "url": "one-piece-1", "nome_anime": "One Piece", "pasta": "one-piece", "legendado_dublado": "Legendado", "player": "http://exemplo.com/embed/eUS4hD0PHpdhecy/", "titulo": "", "episodio_anterior": "1/", "episodio_proximo": "2/" }
]}
<div ng-controller="EpisodioDetailCtrl">
<iframe width="100%" height="400" frameborder="0" src="{{episodio.player}}" scrolling="no" allowfullscreen="true" allowScriptAccess="always"></iframe>
</div>
How can I make it to show?