Créer un select propre

Version imprimable

Bonjour,

voilà je suis en train de créer un select qui me permet d'afficher un formulaire selon ce que l'on choisi. J'ai procédé comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<label for="type"> Type </label>
                            <select ng-model="myTemplate">
                                <option> -----------</option>
                                <option value="template1">template 1</option>
                                <option value="template2">template 2</option>
                                <option value="template3">template 3</option>
                                <option value="template4">template 4</option>
                                <option value="template5">template 5</option>
                                <option value="template6">template 6</option>
                            </select>
 
 
 
                            <!-- Templates Display -->
                            <div id="template1" ng-show="myTemplate=='template1'">
                            </div>
                            <div id="template2" ng-show="myTemplate=='template2'">
                            </div>

Mon problème est le suivant : On m'a dit que je pouvais faire ça plus proprement mais je ne vois pas trop comment je peux procéder
Avez vous une solution ?

Merci :)

10/05/2016, 18h43
NoSmoking

Bonjour,
si tu parles AngularJS tu peux toujours regarder leur page : HTML SELECT element with angular data-binding.
12/05/2016, 15h08
Invité

Merci je vais regarder ça j'ai vu aussi que je pouvais faire avec un json :) je pense que ça devrait aller sinon je reviendrai :D
13/05/2016, 15h29
Invité

Salut me revoilà,

j'ai créer ma mon select avec un controller qui récupère le titre dans mes fichiers json mais je ne sais pas trop comment je peux faire pour ajouter mes input en fonctions de ce qu'il y a dedans. Dois je faire avec des create ou je les ecris en dur avec un id que je récupere et je passe en ng show ?

merci :P
18/05/2016, 11h44
Invité
Heu voici un select avec une fonction qui retrouve l'index de l'objet choisi dans le tableau d'objets JSON, je ne sais pas si cela peut te dépanner... Ca sert vachement :
Code:

1 2 3 4 <select ng-model="objetSelectionne" ng-change="choixObjet()"> <option ng-repeat="objet in listeObjets" value="{{listeObjets.indexOf(objet)}}">{{objet.nom}} </option> </select>
23/05/2016, 14h19
Invité

Merci j'ai procéder comme ton exemple avec ng-option ng-change ça fonctionne parfaitement :)