Discussion :

[beekeep]

Bonjour,

j'utilise la validation des formulaires pour afficher un message si des erreurs sont présentes dans le formulaire:

Code html :

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

<p ng-show="!myForm.$valid && myForm.$submitted">Données invalides!</p>

J'aimerai faire la même chose mais avec le nom du formulaire ("myform") qui n'est plus en dur mais dans une variable (par exemple formName).

Est-ce que quelqu'un a la solution?
Merci.

[slim]

Salut!

Je pense que tu peux utiliser une variable dans le nom du formulaire tout simplement.

Code :

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

<form name="{{myCtrl.formName}}"

[beekeep]

Salut,

oui voila. La question est comment reproduire mon premier code en utilisant cette variable.

[slim]

Je ne l'ai jamais fais mais je pense que

Code :

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

<p ng-show="!myCtrl.formName.$valid && myCtrl.formName.$submitted">Données invalides!</p>

devrait fonctionner. Non ?
D'ailleurs je ne comprends pas le besoin. Le nom d'un formulaire doit être unique et donc tu ne devrais pas avoir de variable mais un nom tout simplement.
Autre chose, angular-messages est meilleur pour la gestion des messages d'erreur.
Une dernière chose $invalid est mieux que !$valid

[beekeep]

Bah non la variable est une string, ce n'est pas l'objet formulaire Angular.
C'était une exemple évidement je n'utilise pas le code tel quel.

Finalement j'utilise une directive pour faire ce dont j'ai besoin car je suis pas dans le même scope que le formulaire.

[slim]

"La variable est une string" Euh... puisque tu déclare une variable, si tu fais un ng-show dessus, cela ne devrait pas poser de problème.
Et ce n'est pas ce qui me dérange. Ce qui me gêne, c'est que tu veux faire ceci :

Code :

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

<form name="{{maVar}}">

Normalement, et d'après la doc, tu devrais pouvoir faire cela :

Code :

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

1
2
3
4
5
6
7
<form name="myCtrl.myForm">
    ...
    <input name="myInput">
    <div ng-messages="myCtrl.myForm.myInput.$invalid" style="color:red" role="alert">
        <div ng-message="required" translate="global.messages.validate.input-required"></div>
    </div>
</form

Sinon, dans ton controleur, tu peux déclarer une variable et lui assigner le nom du formulaire ou une de ses propriétés :

Code :

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

myCtrl.myVar = myCtrl.myForm.$invalid;

et tu fais un ng-if ou ng-show sur la variable myCtrl.myVar

Mais tu m'excusera c'est un peu strange.

[beekeep]

C'est le contraire en fait j'ai défini un formulaire avec un nom

Code :

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

<form name="testForm"

dans le contrôleur j'ai une variable avec ce nom

Code :

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

$scope.myForm = 'testForm';

et je voulais utiliser l'objet formulaire angular (contenant $valid) à partir de la variable et non du nom en dur.

mais bon

Finalement j'utilise une directive pour faire ce dont j'ai besoin car je suis pas dans le même scope que le formulaire.