Exemple de controleur qui ne marche pas.

**elise95** · 29/10/2019, 18h49

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 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
<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>

**NoSmoking** · 30/10/2019, 17h54

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 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
23
24
25
26
27
28
29
<!--
<body ng-app>
-->
<body ng-app="myApp">
<!--
  <span ng-controller="myController">
-->
<div ng-controller="myController">
  <p>{{ myVar + mySecondVar }}</p>
</div>
<!--
</span>
-->
<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.

**elise95** · 30/10/2019, 19h45

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.