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 :

Changer la couleur d'un titre au clic


Sujet :

Angular

  1. #1
    Membre à l'essai
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2022
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2022
    Messages : 36
    Points : 24
    Points
    24
    Par défaut Changer la couleur d'un titre au clic
    Bonjour,

    Je ne sais pas du tout si c'est le bon endroit pour poster mon problème mais comme je travaille sur des fichiers TypeScript, je me lance dans cette section.
    Je suis débutant sur Angular et j'ai réalisé, pour m'entrainer, une petite page ou se trouve un paragraphe qui altère de la couleur bleu au rouge au click (C'est juste pour l'entrainement je sais c'est un peu nul)

    Le code marche parfaitement bien mais j'ai tout de même une erreur que je ne comprends pas et qui se trouve dans la template, plus précisement, l'erreur se trouve à la valeur de l'attribut style .

    Voici la template :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <h1 style='color:{{choixCouleur}}' #titre (click)="changer(titre.style.color)">Ceci est un paragraphe de couleur {{nomCouleur}}</h1>

    Et le component :
    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
    import { Component,OnInit } from '@angular/core';
    // import { Client } from './Client';
    @Component({
      selector: 'app-root',
      templateUrl: 'app.component.html',
    })
    export class AppComponent implements OnInit{
      choixCouleur:string="red";
      nomCouleur:string="rouge";
      ngOnInit(){
     
      }
      changer(couleur:string){
        if (couleur=="red"){
          this.choixCouleur="blue";
          this.nomCouleur="bleu";
        } else if(couleur=="blue"){
          this.choixCouleur="red";
          this.nomCouleur="rouge";
        }
      } 
    }
    Merci d'avance

  2. #2
    Membre à l'essai
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2022
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2022
    Messages : 36
    Points : 24
    Points
    24
    Par défaut
    Ok je viens de trouver l'anomalie.
    S'il est possible de retirer ce post du topic. Le sujet est un peu nul.

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 136
    Points : 44 944
    Points
    44 944
    Par défaut
    Bonjour,
    S'il est possible de retirer ce post du topic. Le sujet est un peu nul.
    ben non justement, explique comment tu as résolu ton soucis cela pourra en aider d'autres qui feraient la même erreur/étourderie

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

Discussions similaires

  1. [XL-2013] Erreur sur mon fichier
    Par amirmane dans le forum Conception
    Réponses: 4
    Dernier message: 28/04/2020, 13h03
  2. [Débutant] une erreur sur mon formulaire "System.IO.FileNotFoundException
    Par solaar dans le forum Silverlight
    Réponses: 0
    Dernier message: 03/07/2013, 09h21
  3. Une erreur sur mon code
    Par gantix dans le forum Langage
    Réponses: 2
    Dernier message: 23/01/2009, 15h06
  4. Erreur sur mon fichier web.xml
    Par Chikh001 dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 26/12/2007, 10h30
  5. [XSLT] une question sur mon fichier XML
    Par delma dans le forum XSL/XSLT/XPATH
    Réponses: 6
    Dernier message: 20/10/2006, 18h08

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