CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet résolu : Angular, placer un attribut ailleur ?

DébutPage précedente
1
Page suivantePage suivante
Crow999 Crow999
MP
Niveau 9
19 mars 2016 à 22:18:00

Hello.
J'aimerais savoir si il est possible de prendre un attribut "style" d'une liste pour la placer ailleur... un <p></p> par exemple?

en gros :
J'ai une liste
<select>
<option style="font-family:'Arial Black';">Arial Black</option>
<option style="font-family:'Comic Sans Ms';">Comic Sans Ms</option>
<option style="font-family:'Georgia';">Georgia</option>
</select>

et je voudrais placer la valeur du style dans une balise <p>{ { Bonjour } }</p> quand <option> est sélectionné, de sorte à ce que mon { { Bonjour } } prenne la typo et l'applique sur elle même.

Je ne sais pas si j'ai été clair...

Merci.

Message édité le 19 mars 2016 à 22:19:36 par Crow999
tintin-michel tintin-michel
MP
Niveau 7
29 mars 2016 à 16:41:16

data-font="Arial Black" ?

gold33 gold33
MP
Niveau 6
30 mars 2016 à 01:17:32

Ng-class sur ton <p> dépendant de l'option sélectionnée.

Glosoli Glosoli
MP
Niveau 10
03 avril 2016 à 20:51:12

Evite de mettre du CSS dans ton html. Link plutôt un fichier .css

Tu devrais faire 3 classes :d)

p.font--arial {
 font-family: Arial Black;
}

p.font--comic {
 font-family: Comic Sans Ms;
}

p.font--georgia {
 font-family: Georgia;
}

Et utiliser ng-class :d) https://docs.angularjs.ors.org/api/ng/directive/ngClass

Tu assignes l'option sélectionnée dans le scope :d)

<select ng-model="activeFont">

Dans tes balises options, tu mets des values :d)

<option value="font--arial">Arial Black</option>
<option value="font--comic">Comic Sans Ms</option>
<option value="font--georgia">Georgia</option>

Et tu crées ta balise <p> avec ng-class :d)

<p ng-class="activeFont">Je change de police</p>

Tu peux tester ici :d) https://fiddle.jshell.net/7fznyezr/

N'hésite pas sur as d'autres questions

Crow999 Crow999
MP
Niveau 9
30 avril 2016 à 13:24:11

Merci :-)

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment