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 :

capitalize first Letter


Sujet :

Angular

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    janvier 2007
    Messages
    1 605
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : janvier 2007
    Messages : 1 605
    Points : 866
    Points
    866
    Par défaut capitalize first Letter
    Bonjour

    j'ai besoin en Typescript de mettre en majuscule la premiere letttre d'une String
    J'ai fait ma propre fonction, mais je me dis qu'il doit bien exister quelque chose de standard qui me permettrait de l'avoir dans plusieurs de mes TS sans faire mon propre service ?

    Merci de vos réponses
    Phil

  2. #2
    Membre expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    juin 2006
    Messages
    2 173
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : juin 2006
    Messages : 2 173
    Points : 3 906
    Points
    3 906
    Par défaut
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function capitalizeFirstLetter(str:string):string {
      return str.charAt(0).toUpperCase() + str.slice(1);
    }
    ?
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    janvier 2007
    Messages
    1 605
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : janvier 2007
    Messages : 1 605
    Points : 866
    Points
    866
    Par défaut
    Bonjour

    Je me suis mal exprimé, le code je l'ai
    Je me posais la question si il n'existait pas un npm standard pour ce type d'opération sur les chaines ou si j'allais devoir moi même factoriser cela dans un "service" utilitaire ?
    Merci

  4. #4
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : juin 2021
    Messages : 645
    Points : 1 221
    Points
    1 221
    Par défaut
    Bonjour,
    (je ne connais pas du tout Angular)

    c'est possible en CSS.

    Mais vu que tu n'es pas "bavard" sur le besoin exact...

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    janvier 2007
    Messages
    1 605
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : janvier 2007
    Messages : 1 605
    Points : 866
    Points
    866
    Par défaut
    Le besoin est coté Angular, car j'ai des "IF" lié a cela je reecris un front, mais je dois garder le Back actuel
    Je note que c'est possible en CSS pure, cela peut m'interesser

  6. #6
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : juin 2021
    Messages : 645
    Points : 1 221
    Points
    1 221
    Par défaut
    Un code CSS peut s'appliquer sur une classe HTML.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <balise class="machin">....</balise>
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .machin:first-letter {
       text-transform: capitalize;
    }

    Cette classe peut certainement être appliquée dynamiquement en JS à n'importe quel élément.
    (je ne connais touojours pas Angular )

    N.B. A l'origine, c'est destiné à créer des LETTRINES.
    Ce n'est peut-être pas ton besoin (dont on ne sait toujours...pas grand'chose)

  7. #7
    Membre expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    juin 2006
    Messages
    2 173
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : juin 2006
    Messages : 2 173
    Points : 3 906
    Points
    3 906
    Par défaut
    j'avais hesite a donner la solution CSS, car a le tableau de compatibilite est faible (que firefox) developer.mozilla.org/fr/docs/Web/CSS/::first-letter#compatibilit%C3%A9_des_navigateurs

    apres... est-ce vraiment util de recuperer un code npm juste pour 1 ligne de code ... je ne sais pas (et je ne sais pas non plus s'il y a deja quelque chose d'equivalent sur npm)
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  8. #8
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : juin 2021
    Messages : 645
    Points : 1 221
    Points
    1 221
    Par défaut
    @Doksuri
    Tu as mal lu le tableau de compatibilité.
    • :first-letter est compatible partout (les flèches noires peuvent prêter à confusion -> cliquer dessus)
    • c'est "Support for the Dutch digraph IJ" qui ne l'est pas

  9. #9
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    janvier 2019
    Messages
    664
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : janvier 2019
    Messages : 664
    Points : 955
    Points
    955
    Par défaut
    en angular on peut utiliser un pipe personnalisé !
    apres pas besoin vu que le css te permet de le faire facilement

  10. #10
    Modérateur

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

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 757
    Points : 40 021
    Points
    40 021
    Par défaut Pour information
    Bonjour,

    le pseudo-élément :fisrt-letter, avec un seul :, est opérationnel depuis la nuit des temps : 2.4 The 'first-letter' pseudo-element

    Le pseudo-élément ::first-letter, avec un double :: à été introduit par CSS3 pour différencier les pseudo-élements des pseudo-classes, mais le comportement reste le même.

    Citation Envoyé par krakatoa
    apres pas besoin vu que le css te permet de le faire facilement
    oui d'une manière générale la mise en forme est à laisser au CSS, pas de modification « physique » des données.

  11. #11
    Membre éclairé
    Profil pro
    Inscrit en
    janvier 2007
    Messages
    1 605
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : janvier 2007
    Messages : 1 605
    Points : 866
    Points
    866
    Par défaut
    Bonjour

    J'en ai besoin pour faire des tests, car ce que je recupere du "Back" que je ne peux modifier m'impose des tests et pas uniquement de l'affichage
    Donc il me reste 3 possibilité
    1 un module "utilitaire"
    2 créer un composant de base avec quelques méthodes comme cela et mes autres composants herite de celui la
    3 j'ai vu que la méthode existait dans "dans require-await.js", voir si je peux l'importer seule sans dépendance avec la terre entière

    Merci pour vos réponses

  12. #12
    Membre émérite
    Avatar de dukoid
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2012
    Messages
    2 033
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : novembre 2012
    Messages : 2 033
    Points : 2 889
    Points
    2 889
    Par défaut
    on peut faire des tests sur un pipe personnalisé

Discussions similaires

  1. [HTML 4.0] Utilisation de first-letter
    Par rjl dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 23/09/2010, 22h22
  2. [CSS 2] first-letter sur la balise legend
    Par alighieri dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 27/11/2009, 13h29
  3. hover et first-letter
    Par calagan99 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 18/11/2007, 15h49
  4. [W3C] Espacement First-Letter sous IE
    Par Emcy38 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 21/08/2006, 21h24

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