Factory - Passer des données à un contrôleur

**felix01** · 25/06/2015, 01h20

Bonjour,

Je débute sur angularjs et j'aimerai bien que vous me corrigez un petit code :
j'essaie de passer des données à un contrôleur via un service pour pouvoir l'afficher dans la vue mais mon code ne marche pas.

Voici le script 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
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
var app=angular.module("app",[]);
app.factory('IndexSrv',function(){
var factory={
	cardslist : 
	[	
		{ 'name' : 'Skylasher' },
		{ 'name' : 'Thrashing Mossdog' },
		{ 'name' : 'Zhur-Taa Druid' },
		{ 'name' : 'Feral Animist' },
		{ 'name' : 'Rubblebelt Maaka' },
		{ 'name' : 'Mending Touch' },
		{ 'name' : 'Weapon Surge' },
		{ 'name' : 'Woodlot Crawler' },
		{ 'name' : 'Phytoburst' },
		{ 'name' : 'Smelt-Ward Gatekeepers' },
		{ 'name' : 'Debt to the Deathless' },
		{ 'name' : 'Woodlot Crawler' },
		{ 'name' : 'Blaze Commando' },
		{ 'name' : 'Uncovered Clues' }
	],
	getCard : function(){
		return factory.cardslist;
	}
}
return factory;
});
 
app.controller('indexCtr',['$scope',function($scope,IndexSrv){
// mock des cartes dans lesquelles rechercher
	$scope.cardslist = IndexSrv.getCard();
 
	// saisie du nom de la carte
	$scope.card = null;
}]);

Et voici la vue :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<html ng-app="app">
<head>
	<script type="text/javascript" src="js/angular.min.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	<title></title>
</head>
<body ng-controller="indexCtr">
<div ng-repeat="nom in cardslist">
{{nom.name}}
</div>
</body>
</html>

Un grand merci

**slim** · 25/06/2015, 13h34

Bonjour!

Tu n'injecte pas ton service dans le contrôleur.

http://jsfiddle.net/slim7700/5tbzrpg3/ (J'ai aussi un peu refactoré le service).

Petite remarque : Il est préférable d'injecter les données dans le contrôleur et non pas les "charger". C'est à dire que tu injecte les données que tu veux à l'initialisation du contrôleur (dans le routeur).
Si bien sur, tu veux disposer de ces données au chargement de tes vues.

http://www.frangular.com/2012/12/ini...c-resolve.html

**felix01** · 26/06/2015, 01h14

Merci infiniment SLIM ça marche très bien

Factory - Passer des données à un contrôleur

AngularJS

Discussions similaires

Partager

Partager