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 :

Ajouter directives dynamiquement


Sujet :

AngularJS

  1. #1
    Membre confirmé
    Avatar de topolino
    Profil pro
    Inscrit en
    Juillet 2003
    Messages
    1 901
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2003
    Messages : 1 901
    Points : 637
    Points
    637
    Par défaut Ajouter directives dynamiquement
    Bonjour,

    Dans je cadre de mon projet j'ai créé des directives et utilise egalement des directives existantes comme ng-highchart, ng-grid...

    Comment en javascript / angularjs je peux ajouter dynamiquement avec un click sur un bouton mes directives (widget) à la page html ?


    Merci
    MCTS Microsoft.
    La conception : Prendre le temps pour gagner du temps.

  2. #2
    Membre chevronné

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Points : 1 768
    Points
    1 768
    Billets dans le blog
    1
    Par défaut
    Salut moi j'utilise jquery pour le faire et dans la directive qui gère ce click c'est plus adapté :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    var json_schema = {ids:{'#idDiv1', '#idDiv2', '#idDiv3'}, class:{'.classCss1', '.classCss2', '.classCss3'}, regex:{'div[id*="debutdechaine"]', 'span[id*="debutdechaine"]'}} //cibles html
    $(json_schema.ids[0]).attr('ng-...'); // tu rajoute un attribut angular a ton element html div dont l'id est idDiv1
     
    $(json_schema.class[0]).attr('ng-...') // idem ciblé par sa classe .classCss1
     
    $(json_schema.regex[0]).attr('ng-...') // idem ciblé par le pattern élément html et de son id correspondant à la chaine de caractère "debutdechaine" occurrence recherchée  -->  \&debutdechaine*\

Discussions similaires

  1. Ajout directive avec nom dynamique
    Par Bizoo dans le forum AngularJS
    Réponses: 2
    Dernier message: 06/07/2015, 12h33
  2. [MFC] ajout checkbox dynamiquement
    Par moulefrite dans le forum MFC
    Réponses: 9
    Dernier message: 21/04/2006, 19h02
  3. [DOM] ajouter cellspacing dynamiquement
    Par danyboy85 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 13/04/2006, 11h30
  4. [JPanel][pb refresh] ajout composnat dynamiquement
    Par Invité dans le forum AWT/Swing
    Réponses: 5
    Dernier message: 10/04/2006, 17h00
  5. Ajout/Suppression dynamique des lignes dans une table
    Par codexomega dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 13/08/2005, 18h50

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