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

Angular Discussion :

Chargement dynamique des (liste de bouton radio, et liste déroulante)


Sujet :

Angular

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Homme Profil pro
    Architecte de système d'information
    Inscrit en
    Octobre 2013
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Architecte de système d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2013
    Messages : 4
    Par défaut Chargement dynamique des (liste de bouton radio, et liste déroulante)
    Bonjour à Tous,

    Je suis developpeur Java mais peut d'expériences en JS et angular.
    Je travail actuellement sur Java, thymeleaf et et tente de réaliser quelque chose à priori de simple sur angular que je n'arrive pas.

    Voici mon problème:
    Je reçois du backend une liste des environnements. Voici le pseudo code de mon controller

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     private List<String> envs = Arrays.asList("dev", "R7", "PProd");
      @GetMapping("/")
        public String main(Model model) {
            model.addAttribute("message", message);
            model.addAttribute("envs", envs);
            return "upload"; //view
        }
    Je souhaite dans mon html, charger dynamiquement cette liste dans liste de bouton radio, puis dans une liste deroulante pour d'autre besoin de présentation.
    Quand je code en dur mon html de la façon suivante

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     <form>
    		 	<div style="width:545px; height:20px; background-color:white">
    				Environnement: 
    				 <input type="radio" value="dev" name="myForm.environment" ng-model="myForm.environment"> dev
    				 <input type="radio" value="staging" name="myForm.environment" ng-model="myForm.environment"> R7 
    				 <input type="radio" value="pre-prod" name="myForm.environment" ng-model="myForm.environment"> PProd
    			  <br /> 
    			</div>
    </form>

    ou

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    			<select name="type" class="input" ng-init="myForm.environment='dev'" ng-model="myForm.environment">
    			     <option value="default">dev</option>
    			     <option value="orchestration">R7</option>
    			     <option value="reporting">PProd</option>  
    			 </select>


    Tout fonctionne bien.

    Mais je recherche à faire passer la liste envs du controller.

    Quand j'écris dans la forme ${envs}. On a bien cette liste qui s'affiche sur l'interface.

    J'apprécierais beaucoup vos expertises.
    Merci par avance.

  2. #2
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2019
    Messages
    707
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2019
    Messages : 707
    Par défaut
    ici tu es sur le forum Angular (nouvelle version) et non angularJS (ancienne version)
    et la fin est un peu floue, qu'est ce que tu veux faire ?

  3. #3
    Membre à l'essai
    Homme Profil pro
    Architecte de système d'information
    Inscrit en
    Octobre 2013
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Architecte de système d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2013
    Messages : 4
    Par défaut
    Bonjour,
    Je souhaite charger dynamiquement par exemple une liste déroulante en angular à partir des valeurs transmises depuis une arryList d'un code Java.

  4. #4
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2019
    Messages
    707
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2019
    Messages : 707
    Par défaut
    tu peux mettre ce message dans le forum AngularJS !

    il y a pleins d'infos avec une bonne recherche google: angularjs select api

    https://embed.plnkr.co/plunk/Wlw62X

Discussions similaires

  1. [MySQL] envoi des données de boutons radio dans table mysql
    Par alexbigot dans le forum PHP & Base de données
    Réponses: 10
    Dernier message: 07/06/2007, 13h51
  2. Réponses: 2
    Dernier message: 01/05/2007, 17h15
  3. Chargement dynamique des contrôles utilisateurs
    Par outat dans le forum ASP.NET
    Réponses: 3
    Dernier message: 03/04/2007, 12h11
  4. problème de chargement dynamique des modules rtlinux
    Par wahbios dans le forum Administration système
    Réponses: 1
    Dernier message: 12/03/2007, 10h20
  5. [VB.NET] Chargement dynamique des dlls de l'application
    Par leSeb dans le forum Windows Forms
    Réponses: 3
    Dernier message: 27/01/2006, 17h49

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