Accéder à un formulaire par son nom

Bonjour,

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

Code:

---

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

Salut!

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

Code:

---

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

---

Salut,

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

Je ne l'ai jamais fais mais je pense que

Code:

---

<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

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.

"La variable est une string" :roll: 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:

---

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

---

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

Code:

---

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:

---

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.

Si j'ai bien compris, ton nom de formulaire n'est pas en dur mais se trouve dans une variable, il s'agit d'obtenir l'objet formulaire malgré tout.

As-tu essayé de faire quelque chose comme ça ?

Code:

---

<form name="myCtrl[myFormName]">

---

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

Code:

---

<form name="testForm"

---

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

Code:

---

$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

Citation:

---

Envoyé par beekeep

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

---

Il n'y pas de nom en dur...
Le nom que tu mets dans l'attribut "name" du formulaire est la variable que tu cherche à obtenir.
La doc :

Citation:

---

Envoyé par doc AngularJS

If the name attribute is specified, the form controller is published onto the current scope under this name.

---