Tooltip dinamico con AngularJS

Question

Desidero aggiungere un suggerimento che verrà visualizzato al passaggio del mouse sugli elementi sottostanti.

<a ng-click="click(this)"> 
<span class="icon"></span> 
</a> 
{{product.title}} 

Ho il suggerimento in product.desc. Ho provato ad utilizzare il codice qui sotto:

<span tooltip="{{product.desc}}" class="glyphicon"></span> 

Ma questo non funziona. Qualche idea/suggerimento? per favore aiuto.

[EDIT] È possibile vedere il valore di product.desc come previsto nella sorgente della pagina quando ho controllato utilizzando gli strumenti di sviluppo.

Grazie

Answer 1

Invece di

<span tooltip="{{product.desc}}" class="glyphicon"></span> 

abbiamo bisogno di dare

<span data-toggle="tooltip" title="{{product.desc}}" class="glyphicon"></span> 

Answer 2

Quale versione di angolare stai usando? Un paio di cose potrebbero accadere ... Ho passato gli ultimi 9 mesi a sviluppare applicazioni angolari che hanno sfruttato la libreria del tooltip.

Supponendo che si sta utilizzando la libreria tooltip da angular-ui

• Assicurarsi si fa riferimento al modulo angolare-ui nel vostro in app.js dipendenze dei moduli

angular.module (' ValuesEntryApp ', [' ui.bootstrap ', ... più depedencies,]). Config (funciton() {...});

• angolare 1.3 ha un problema noto con i suggerimenti angolari-ui: issue/solution

l'altro: lei ha detto che anche se si utilizza il tag title ancora non rende un suggerimento? Penso che dipenda da quale browser utilizzi, ma so che in Chrome credi che se si passa il mouse sopra un elemento con un titolo verrà visualizzato per un po 'il titolo. Il tuo glyphicon è persino visualizzato sullo schermo? Ci sono errori nella tua console? Dacci maggiori informazioni se cerchi ancora aiuto. Potrei aiutarti a farlo funzionare per te se avessimo maggiori informazioni sulla configurazione del tuo sistema operativo.