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 :

Chechek Checkbox in angular dynamiquement


Sujet :

Angular

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2018
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2018
    Messages : 28
    Par défaut Chechek Checkbox in angular dynamiquement
    Bonjour à toutes et à tous. Je rencontre un petit soucis sous Angular 10.
    j'aimerais que ma checkbox reste check en fonction d'une value de mon backend.
    J'ai donc 9 div généré dynamiquement avec une *ngFor et ces 9 div sont généré à partir
    d'une enum de 9 type différent. Lorsque que je valide ma checkbox j'ai accès à des inputs (ils changent selon les types).
    J'arrive à get les values dans mes inputs, pas de soucis à se niveau là. J'arrive également à set le bon type associé à ma checkbox,
    grâce à un event qui se base sur mon index (0 à 8).
    J'aimerais donc, si mon type est bien en bdd, que ma checkbox soit coché (du coup ma div serait ouverte).
    J'ai utilisé le [checked] de angular , mais lorsque je l'utilise, il me check toutes mes checkbox sauf la première alors que c'est la
    seul qui possède une value dans mon exemple :').

    je get mes données en utilisant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    this.goodsReceiptProtocol.litigations
    Le code qui me donne accès à mes types :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    this.litigationconfig[i].type
    En vous remerciant par avance,
    Je vous souhaite une agréable journée !

  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
    hello man,

    sans un peu plus de code difficile de te répondre

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2018
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2018
    Messages : 28
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div class="row" *ngFor="let litigation of litigations['control']; let index = index">
    <mat-checkbox change="setType($event)>
    {{litigationConfig[index].label}}
     
    <div class="row">
    <input matInput  formControlName="reference">Reference</input>
    </div>
    </mat-checkbox>
    </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    setType(event, index)
    if (event.checked)
    this.litigationConfig[index].get('type').setValue(this.litigationConfig[index].type)
    Comme dis, ce code est good, il set bien mon type quand j'edit mon formulaire. J'ai par exemple la value dans mon champ reférence. Mais je vois pas bien le principe pour dire à la checkbox de rester check.
    Je suppose que je devrais faire quelques chose comme le setType mais en version isChecked.
    Mais je vois pas du tout quoi appeler :/.

    Merci de ton retour!

  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
    déjà ça:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    ....  change="setType($event)>          // index ??????
     
    setType(event, index)

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2018
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2018
    Messages : 28
    Par défaut
    J'oublié de mettez le i pour l'index dans mon explication. Mais je l'avais dans mon code. Mais le problème ne vient pas d'ici. La je set mon type. Et cest fonctionnelle. Donc 0 soucis à ce niveau.

  6. #6
    Membre extrêmement actif
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2012
    Messages
    2 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 100
    Par défaut
    je dois avouer que je ne comprends pas exactement quel est le problème donc je ne peux t'aider

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

Discussions similaires

  1. [XSLT 2.0] Acceder une liste de checkbox avec id dynamique en javascript
    Par vsinceac dans le forum XSL/XSLT/XPATH
    Réponses: 1
    Dernier message: 17/11/2012, 17h27
  2. Récupérer checkbox avec nom dynamique
    Par dumser1 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 24/04/2007, 11h02
  3. [PHP-JS] CHECKBOX et SELECT dynamique
    Par lynxxx dans le forum Langage
    Réponses: 10
    Dernier message: 05/04/2007, 18h05
  4. checked d'un checkbox avec nom dynamique
    Par Sylvain245 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 11/11/2005, 11h28
  5. [C#] Création dynamique de checkbox
    Par nightsdarkangel dans le forum Windows Forms
    Réponses: 18
    Dernier message: 16/05/2005, 18h00

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