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 :

Insérer une méthode dans un component html


Sujet :

Angular

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Homme Profil pro
    Reconversion
    Inscrit en
    Novembre 2018
    Messages
    503
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Reconversion
    Secteur : Santé

    Informations forums :
    Inscription : Novembre 2018
    Messages : 503
    Par défaut Insérer une méthode dans un component html
    Bonjour à tous,

    Débutant en angular, je souhaite gérer l'appel d'une méthode dans mon html
    La méthode est créée ds le typescript et retourne un Enum comme ceci :

    Code : 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
    19
    20
    21
    22
    23
    public graphique(): EnumTypeGraphiqueReport {
                if(IsIn(this.reportChart.proprieteGraphique.typeGraphique,
                        EnumTypeGraphiqueCenter.Histogramme,
                        EnumTypeGraphiqueCenter.HistogrammeEmpile,
                        EnumTypeGraphiqueCenter.HistogrammeEmpile100,
                        EnumTypeGraphiqueCenter.Courbe,
                        EnumTypeGraphiqueCenter.CourbeEmpile,
                        EnumTypeGraphiqueCenter.CourbeEmpile100,
                        EnumTypeGraphiqueCenter.Barre,
                        EnumTypeGraphiqueCenter.BarreEmpile,
                        EnumTypeGraphiqueCenter.BarreEmpile100)) {
                            return EnumTypeGraphiqueReport.Chart;
                        }
                else if(IsIn(this.reportChart.proprieteGraphique.typeGraphique,
                        EnumTypeGraphiqueCenter.Camembert,
                        EnumTypeGraphiqueCenter.Anneau)) {
                            return EnumTypeGraphiqueReport.PieChart;
                        }
                else if(IsIn(this.reportChart.proprieteGraphique.typeGraphique,
                        EnumTypeGraphiqueCenter.Radar)) {
                            return EnumTypeGraphiqueReport.PieChart;
                        }
            }
    Dans le html je vousdrais appeler ma méthode de telle sorte qu'elle déclenche une certaine action selon le type de retour dans un ngIf mais je n'ai pas la bonne syntaxe
    J'ai essayé ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    *ngIf="!isLoading && !isErreur && graphique ==[EnumTypeGraphiqueReport.Chart]"
    *ngIf="!isLoading && !isErreur && graphique =={{EnumTypeGraphiqueReport.Chart}}"

    Merci à vous

  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
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
      enumReport : typeof EnumTypeGraphiqueReport = EnumTypeGraphiqueReport ;

    fonctionne dans un if du template !

  3. #3
    Membre éprouvé
    Homme Profil pro
    Reconversion
    Inscrit en
    Novembre 2018
    Messages
    503
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Reconversion
    Secteur : Santé

    Informations forums :
    Inscription : Novembre 2018
    Messages : 503
    Par défaut
    Salut, merci pour ta réponse, mais je vais faire le boulet, elle devient quoi ma méthode ?

  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
    je viens de voir 2 problemes :

    (1)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    *ngIf="!isLoading && !isErreur && graphique =={{EnumTypeGraphiqueReport.Chart}}"
    ne pas mettre {{ }} dans le ngIf

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    *ngIf="!isLoading && !isErreur && graphique() == enumReport.Chart"
    mettre les parentheses, graphique est une fonction pas une variable


    (2)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    public graphique(): EnumTypeGraphiqueReport {
    ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    public graphique(): string{
    ...
    tu retourne une valeur, pas un enum tout entier donc j'imagine que type des enum est string

  5. #5
    Membre éprouvé
    Homme Profil pro
    Reconversion
    Inscrit en
    Novembre 2018
    Messages
    503
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Reconversion
    Secteur : Santé

    Informations forums :
    Inscription : Novembre 2018
    Messages : 503
    Par défaut
    mettre les parentheses, graphique est une fonction pas une variable
    je suis top un boulet, j'ai confondu avec un get...Merci mille fois à toi

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

Discussions similaires

  1. Insérer une animation dans un code html
    Par daddou_90 dans le forum Flash
    Réponses: 1
    Dernier message: 14/02/2012, 10h10
  2. Réponses: 6
    Dernier message: 09/07/2010, 11h20
  3. Insérer une méthode lue dans un fichier
    Par Choucas35 dans le forum Smalltalk
    Réponses: 2
    Dernier message: 13/04/2010, 20h37
  4. Insérer une Anchor dans du HTML ?
    Par balmeyer dans le forum GWT et Vaadin
    Réponses: 0
    Dernier message: 02/03/2010, 20h52
  5. Réponses: 1
    Dernier message: 16/01/2009, 06h31

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