Bonjour à tous,

je découvre pas à pas angularjs et je bloque sur un bout de code que je n'arrive pas à faire fonctionner.
Quand j'affiche ma page html, j'ai une div qui s'affiche avec écrit :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
{{exo.Nom}}
{{exo.IdExercice}}
{{exo.Description}}
Angular ne remplace donc pas par les valeurs voulues, que ce soit avec la fonction
init ou init2.

De plus, pour la fonction init(idUser), aucun message ne s'affiche, que ce soit le message de
succès de la méthode ou celui de l'échec.

Merci pour les idées et/ou la solution.

Voici mon fichier javascript
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
35
36
37
38
39
40
41
(function () {
    var app = angular.module('ExerciceStore', []);
 
    app.controller('ExoController', ['$http', function ($http) {
        this.exercices = [];
        $scope.init2 = function (idUser) {
            $http.get('http://localhost:50922/Service.svc/getLstExercice', { idUser: "'" + idUser + "'" }).success(function (data) {
                this.exercices = data;
            });
        };
 
        $scope.init = function (idUser) {
            $.ajax({
                type: "GET",
                url: "http://localhost:50922/Service.svc/getLstExercice",
                contentType: "application/json",
                data: "{\"idUser\" :\"" + idUser + "\"}",
                dataType: "json",
                success: function (result) {
                    alert('ok getListExercice');
                    this.exercices = result;
                },
                error: function (textStatus) {
                    alert(textStatus + ' ' + result.status + ' | ' + result.statusText);
                }
            });
        };
    }]);
 
    var _exercices = [
        {
            Nom: 'Azurite',
            idExercice: 110,
            Description: 'desc',
        },
        {
            Nom: 'Azurite',
            idExercice: 112,
            Description: 'desc',
        }];
})();
Voici mon code 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
<div ng-controller="ExoController as store" ng-init="init(2);">
    <div class="divResumeExo" ng-repeat="exo in store.exercices">
        <div style="float:right">
            <button type="button" id="btnOpenDialog" class="boutonRond" alt="Supprimer" title="Supprimer l'exercice" onclick="fnOpenNormalDialog(exo);">
                <span class="glyphicon glyphicon-remove">X</span>
            </button>
            <div id="dialog-confirm"></div>
        </div>
        <p>{{exo.Nom}}</p>
        <p>{{exo.IdExercice}}</p>
        <p>{{exo.Description}}</p>
 
    </div>
</div>