Exemple de controleur qui ne marche pas.

Version imprimable

Bonjour,

je me mets à angularjs.
ce programme ne tourne pas.
je ne vois pas l'erreur, j'ai essayé des choses sans résultat.
qui peut me dire pourquoi?
j'ai cela qui s'affiche dans ma page web {{ myVar + mySecondVar }} au lieu de 3.
Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
    <head>
        <script type="text/javascript" src="bower_components/angular/angular.js"></script>
 
    </head>
    <body ng-app>
        <span ng-controller="myController">
            <p>{{ myVar + mySecondVar }}</p>
        </span>
        <script type="text/javascript">
            function myController($scope){
                $scope.myVar = 1;
                $scope.mySecondVar = 2;
            }        
        </script>
 
    </body>
</html>

Bonjour,
il y a tellement d'erreurs que je ne sais pas par quoi commencer, à si regarde au minimum la documentation : AngularJS.
manque nom dans l'attribut ng-app ;
pas de déclaration du module d'application ;
pas de déclaration du contrôleur lié ;
sans compter l'erreur sur la structure HTML.

Conseil, oublie AngularJS pour plutôt apprendre directement Angular (tout court).

Ton code devrait au moins ressembler à
Code:

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  <body ng-app="myApp">  <div ng-controller="myController"> <p>{{ myVar + mySecondVar }}</p> </div>  <script> "use strict"; // on déclare le module de l'application var app = angular.module("myApp", []); // on déclare le contrôleur app.controller("myController", function($scope) { $scope.myVar = 1; $scope.mySecondVar = 2; }); /* function myController($scope){ $scope.myVar = 1; $scope.mySecondVar = 2; } /*--*/ </script>
Là tu devrais voir ton 3.

A lire sur DVP : AngularJS le MVC côté client, pour une introduction en français.

30/10/2019, 19h45
elise95

Salut NoSmoking,

merci pour ton aide.
Je suivais un tuto vidéo sur AngularJS et il n'y avait rien de plus ni rien de moins que ce que j'ai marqué dans mon code et ça marchait pour lui.
depuis hier j'ai abandonné AngularJS et je pensais me diriger vers Angular tout simplement.

J'en profite pour poser une question, sur le marché de l'emploi, c'est bien Angular le plus demandé?
je vois surtout de l'Angular, parfois du React et rarement du Vuejs
si j'ai bien remarqué, Angular est demandé aux développeurs Java.
React est demandé aux développeurs JavaScript
VueJs est rarement demandé.
quid de JQuery? à connaître?

Merci.
31/10/2019, 18h27
NoSmoking

Citation:

depuis hier j'ai abandonné AngularJS et je pensais me diriger vers Angular tout simplement.

Sage décision ;)

Citation:

J'en profite pour poser une question, sur le marché de l'emploi, c'est bien Angular le plus demandé?

Tu devrais peut être faire une tour sur le forum emploi pour voir ce qui est proposé.

Citation:

quid de JQuery? à connaître?

C'est effectivement de moins en moins une nécessité.