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

AngularJS Discussion :

[AngularJS] Utilisation des {{ dans l'attribut title d'un lien


Sujet :

AngularJS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    1 716
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Janvier 2007
    Messages : 1 716
    Par défaut [AngularJS] Utilisation des {{ dans l'attribut title d'un lien
    Bonjour

    Je rencontrre un probleme pour mettre un tooltip sur un href avec une traduction en angularJs 1.3.15.
    A chaque fois je me retrouve avec le double bracket {{ dans mon tooltip
    La traduction seule fonctionne
    Merci de votre aide
    Phil

    J'ai essayé sans succes
    Code html : 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
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    X{{"table.name" | translate}}X  OK traduit
     
    <a href="#" tooltip="{{"table.name" | translate}}">Hover over me</a>
     
    <a href="#" data-toggle="tooltip" title="{{"table.name" | translate}}">Hover over me</a>
     
    <a ng-href="#/flow/{{flowError.flow.techId}}"><img src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif" title={{"table.name" | translate}}></a>
     
    <a ng-href="#/flow/{{flowError.flow.techId}}"><img src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif"  ng-attr-title={{"table.name" | translate}}></a>
     
    <a href="#/flow/{{flowError.flow.techId}}"><img src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif" title={{"table.name" | translate}}></a>
     
    <a href="#/flow/{{flowError.flow.techId}}"><img src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif" ng-attr-title={{"table.name" | translate}}></a>
     
    <a href="#/flow/{{flowError.flow.techId}}"><img src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif" title={{"table.name" | translate}}></a>
     
    <a ng-bind="{{table.name | translate}}" ng-href="#/flow/{{flowError.flow.techId}}"><img ng-src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif">linkaA</a>
     
    <a ng-href="#/flow/{{flowError.flow.techId}}"><img ng-src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif" ng-attr-title="{{table.name | translate}}">linkaA</a>
     
    <a title="{{table.name | translate}}" ng-href="#/flow/{{flowError.flow.techId}}"><img ng-src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif">linkaA</a>
     
    <a ng-attr-title="{{table.name | translate}}" ng-href="#/flow/{{flowError.flow.techId}}"><img ng-src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif">linkaA</a>
     
    <a ng-attr-title="{{table.name | translate}}" ng-href="#/flow/{{flowError.flow.techId}}"><img ng-src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif" title={{table.name | translate}}>linkB</a>
     
    <a ng-attr-title="AA" ng-href="#/flow/{{flowError.flow.techId}}"><img ng-src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif">linkaA OK</a>
     
    <a ng-href="#/flow/{{flowError.flow.techId}}"><img ng-src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif" title={{"table.name" | translate}}>linkB</a>
     
    <a ng-href="#/flow/{{flowError.flow.techId}}"><img ng-src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif" ng-title={{"table.name" | translate}}>linkC</a>
     
    <a href="#/flow/{{flowError.flow.techId}}"><img src="http://cmsintranet.toto.fr/charte/img/ico/neutre/trash.gif" title={{"table.name" | translate}}></a>

  2. #2
    Membre Expert

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Billets dans le blog
    1
    Par défaut
    Salut, je suis pas sur que cela puisse débloquer ton problème a vérifier :
    Lorsque tu déclare une variable et que celle-ci est contenue dans des doubles quotes "{{ }}" tu as tendance a rajouter des doubles quotes pour initialisation de tes variables ex : <a href="#" tooltip="{{"table.name" | translate}}">Hover over me</a>.
    Il serait préférable de mettre de simple quote lorsque tu te trouve dans ce cas de figure donc : <a href="#" tooltip="{{'table.name' | translate}}">Hover over me</a>A corriger pour tout le reste du script.

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

    Informations forums :
    Inscription : Janvier 2007
    Messages : 1 716
    Par défaut
    C"etait cela
    Merci

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

Discussions similaires

  1. Modifier le look de la balise title de href
    Par bronon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 10/03/2008, 21h17
  2. javascript dans balise <a href
    Par Manu2.0 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/01/2008, 09h12
  3. Récupérer le titre défini dans \@title
    Par TimoP dans le forum Mise en forme
    Réponses: 0
    Dernier message: 06/11/2007, 15h29
  4. faire un retour à la ligne dans title
    Par tiyolx dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 21/09/2007, 16h25
  5. [HTML] En JSP - Saut de ligne dans TITLE
    Par Jopo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 05/12/2005, 18h39

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