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 :

Utiliser un fichier de paramètres dans les composants Angular


Sujet :

Angular

  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juin 2014
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2014
    Messages : 744
    Par défaut Utiliser un fichier de paramètres dans les composants Angular
    Bonjour.

    Je souhaiterai faire un fichier de paramètres dans mon projet Angular (8) et les utiliser dans les composants Angular.

    Je ne sais pas comment m'y prendre.

    Mes paramètres sont sous la forme :

    Objet A
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    {
    label = a ; valeur1 = string1a ; valeur2 = string2a 
    }
    Objet B
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    {
    label = b ; valeur1 = string1b ; valeur2 = string2b 
    }
    que je voudrais utiliser dans les component sous la forme A.valeur1

    Merci de votre aide.

  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
    utiliser les enums de typeScript.
    attention: les enums c'est pour des couples clé/valeur qui ne vont JAMAIS changer (parfait pour du paramètrage donc)


    #/enums/agent-params.ts
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    export enum AgentStatus {              // on précise export car on va l'importer dans un composant
        available =1 ,
        busy = 2,
        away = 3,
        offline = 0
    }
    dans un composant
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    import { AgentStatus  } from '../enums/agent-params.ts';
    ...
    ...
    console.log(AgentStatus.available); 
    ...

    bonus: pour accéder à un enum dans un template, c'est un peu particulier:

    # dans un template
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    {{ agentStatus.busy }}
    #dans un composant
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    import { AgentStatus  } from '../enums/agent-params.ts';
    ...
    ...
    agentStatus: typeof AgentStatus  = AgentStatus  ;

  3. #3
    Membre éclairé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juin 2014
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 59
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Juin 2014
    Messages : 744
    Par défaut
    Super.

    Merci beaucoup.

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

Discussions similaires

  1. Réponses: 0
    Dernier message: 02/07/2019, 21h41
  2. Réponses: 1
    Dernier message: 07/04/2016, 17h48
  3. Faut-il utiliser des underscores ou des espaces dans les noms des fichiers ?
    Par Invité dans le forum Général Conception Web
    Réponses: 1
    Dernier message: 07/05/2008, 19h23
  4. Réponses: 6
    Dernier message: 22/06/2006, 19h33

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