Bonjour,

J'ai un $scope dans lequel j'ai une liste de sources pour des <iframes> que je souhaite présenter en lignes (rows...).

J'utilise un ng-repeat et je souhaite insérer la valeur de la source dans le paramètre src du <iframe> mais cela ne fonctionne pas ! J'ai un message d'erreur file not found.
j'ai essayé avec double moustache {{}}, simples moustaches {} et même sans moustaches ... Pourtant les autres données issues du $scope comme titre, jours et horaire fonctionnent très bien et lorsque j'affiche dans un <div> la donnée de la source, je la vois apparaître à l'écran. Mais lorsque je place le $scope dans les double quottes, ce n'est pas pris en compte.

Une personne pourrait-elle m'aider s'il vous plaît ?

Voici ce que j'ai fait jusqu'à présent :

le html (c'est à la ligne 9 que je souhaite insérer la valeur de la source):
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<div id="horaires_cols" ng-repeat="horaire in horaires" class="row horaires_class_color_or">
   <div class="col-md-7">
	   <h1 class="horaires_fontSize_2 text_align_center">{{horaire.titre}}</h1>
	   <h1 class="horaires_fontSize_2  text_align_center">{{horaire.jours}}</h1>
	   <h1 class="horaires_fontSize_2  text_align_center">{{horaire.horaire}}</h1>
   </div>
 
   <div class="col-md-5">
	   <iframe src="{{horaire.source}}" frameborder="0" allowfullscreen></iframe>
   </div>
</div>

le module :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var app = angular.module('app', ['ui.router']);
 
app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
 
$stateProvider
.state('horaires_lieux', {
	url: '/horaires_lieux',
	views:{
		'general_view':{
			templateUrl: 'horaires_lieux.htm',
			controller: 'horaires_et_lieuxCtrl'
		}
	}
})
 
//...etc
le controller :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
app.controller('horaires_et_lieuxCtrl', ['$scope', '$stateParams', 
	function($scope, $stateParams) {
		$scope.horaires = horaires;
}]);
le fichier data.js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var horaires = [
  {
    "titre": "titre 1)",
    "jours": "Tous les mercredis et samedis",
    "horaire": "de 17h00 à 20h30",
    "source": "https://www.google.com/maps/embed?pb=!1m17!1m.....etc"
  },
  {
    "titre": "titre 2",
    "jours": "Tous les vendredis",
    "horaire": "de 18h00 à 20h30",
    "source": "https://www.google.com/maps/embed?pb=!1m17!1m......etc"
 }
];
mise à jour : Je me suis apperçu que le paramètre src recevait comme valeur le chemin vers un fichier {{horaire.source}} du dossier "vues" dans lequel se trouve le fichier html. J'ai modifié src par url et là je vois dans le navigateur qu'il a gardé ce paramètre et à bien mis l'url contenu dans la variable, mais cela ne fonctionne toujours pas !