IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AngularJS Discussion :

Créer un select propre


Sujet :

AngularJS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut Créer un select propre
    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 html : 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
    <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
    Dernière modification par NoSmoking ; 10/05/2016 à 18h41. Motif: Merci d'indiquer le langage utilisé, [CODE=xxxx], pour activer la coloration syntaxique.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    si tu parles AngularJS tu peux toujours regarder leur page : HTML SELECT element with angular data-binding.

  3. #3
    Invité
    Invité(e)
    Par défaut
    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

  4. #4
    Invité
    Invité(e)
    Par défaut
    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

  5. #5
    Invité
    Invité(e)
    Par défaut
    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 html : Sélectionner tout - Visualiser dans une fenêtre à part
    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>
    Dernière modification par NoSmoking ; 19/05/2016 à 19h07.

  6. #6
    Invité
    Invité(e)
    Par défaut
    Merci j'ai procéder comme ton exemple avec ng-option ng-change ça fonctionne parfaitement

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 16/04/2009, 12h00
  2. Créer un select et y embarquer un onChange="fonction();"
    Par redabadache3 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 19/12/2008, 11h30
  3. Créer un contrôle "propre" ?
    Par SoBaKa dans le forum Windows Forms
    Réponses: 7
    Dernier message: 01/02/2008, 13h59
  4. Créer/utiliser ses propres librairies
    Par Domi2 dans le forum Sondages et Débats
    Réponses: 11
    Dernier message: 07/09/2007, 16h51
  5. Réponses: 6
    Dernier message: 04/08/2007, 14h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo