ng-class et form avec ui-router, redirection et mise à jour du binding

Version imprimable

08/03/2015, 13h04
Invité

ng-class et form avec ui-router, redirection et mise à jour du binding

Bonjour, je rencontre quelques soucis avec AngularJS.

Lorsque j'utilise "ui-router" pour le routing, les règles de validation de mon formulaire semblent appliquées sauf pour un style ajouté avec ng-class.
Dans d'autres cas, les champs input n'affichent tout simplement rien, bien que les données soient stockées correctement avec mon contrôleur.

Un autre souci, j'utilise un service web api pour mettre à jour mes données une fois le formulaire soumis. Les données sont bien modifiées côté serveur. Par contre quand j'utilise une redirection vers une autre page (que ce soit avec ui-router ou ngRoute) cela affiche parfois les anciennes valeurs avant modification (je recharge pourtant les données avec le service).
Problème de binding ? je suis sur une piste avec $apply et $digest mais c'est quand même bizarre.

Si quelqu'un a des idées ? je devrais trouver mais il faut parfois énormément de temps sur ce genre de broutilles avec ce framework
cordialement
08/03/2015, 15h07
Invité
Pour le premier problème cela semble être un souci avec ui-view. Il semblerait qu'avec les dernières versions de ui-router (v0.2.13) et angular (v1.3.14), le problème ait été corrigé . Par contre j'ai un nouveau souci, c'est que j'ai un message d'erreur prédéfini (exemple " input name invalide") qui s'affiche.

Deuxième problème résolu pour l'instant . Cela semblerait un problème de promise.

Exemple j'appelle mon service "peopleService" (utilisant $http) pour mettre à jour, et ensuite je redirige vers la vue détails de la personne.
Code:

1 2 3 4 peopleService.updatePerson($scope.person).then(function () { $location.path("/person/" + $scope.person.Id); })

Finalement le problème de cache des pages avec AngularJS est connu. Une "solution" est d'ajouter un paramètre :

Code:

1
2
3
4
5
6
7
8
        var getPeople = function () {
            return $http({
                method: 'GET',
                url: baseUrl,
                params: { 'update-time': new Date().getTime() }
            });
        }

02/04/2015, 14h05
slim

Bonjour,

Est ce que tu injecte tes données dans le routeur avec la variable resolve ?