Factorielle par angular js

**tunisiano44** · 01/11/2016, 19h16

salut, je peux faire factorielle avec angular js , le probléme qui je trouve est récupération du valeur qui saisie en input de type text

voici code du for.html

Code html :

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
<!DOCTYPE html>
<html>
<head>
	<title>for</title>
</head>
<body ng-app="MonApp">
 
	<input type="text" placeholder="tapez votre valeur" ng-model="test">
 
<div ng-controller="ForCtrl">
	{{ mm }}
</div>
 
	<script type="text/javascript" src="js/angular.min.js"></script>
 
    <script src="js/angular-route.min.js"></script>
 
    <script type="text/javascript" src="js/for.js"></script>
 
</body>
</html>

code du for.js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var app = angular.module('MonApp',[]);
 
app.controller('ForCtrl', function($scope){
 
	$scope.mm = 1;
	for(i=1;i< $scope.test;i++) {
		console.log(i);
		$scope.mm = $scope.mm *i;
	}
 
 
});

maintenant en affichage en html je trouve Nan et en console je trouve undefined parce que il ne lire pas la valeur $scope.test et quand il fait for (i=1;i<4;i++) le resultat qui affichée est 6 donc probléme est de récupération du valeur du champ input

quelle est la solution et merci d'avance

Invité · 02/11/2016, 00h32

Ca, ca marche chez moi :

Nom : fac.jpg
Affichages : 233
Taille : 8,6 Ko

Code html :

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
<!DOCTYPE html>
<html>
	<head>
		<title>for</title>
	</head>
 
	<body ng-app="MonApp" ng-controller="ForCtrl">
 
		<div> 
		<input type="text" placeholder="tapez votre valeur" ng-model="test">
		<button ng-click="calcul_factorielle()">Factorielle</button>
		{{factorielle}}
		</div>
 
		<script type="text/javascript" src="js/angular.min.js"></script>
 
		<script src="js/angular-route.min.js"></script>
 
		<script type="text/javascript" src="js/for.js"></script>
 
	</body>
</html>

Puis dans le controleur :

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
 
angular.module('MonApp', [])
 
.controller('ForCtrl', function($scope) {
 
$scope.calcul_factorielle = function(){
 
	var mm = 1;
	for(i=2;i<=$scope.test;i++) {
		mm = mm * i;
	}
	$scope.factorielle = mm;
}
 
/* FIN DU CONTROLEUR */
});

Je pense qu'il y a moyen d'écrire ça plus beau avec une fonction qui retourne la valeur, plutot qu'un $scope

Factorielle par angular js

AngularJS

Vue hybride

Discussions similaires

Partager

Partager