Dynamic Tooltip przy użyciu AngularJS

Chcę dodać etykietkę, która będzie wyświetlana po najechaniu myszą na poniższe elementy.Dynamic Tooltip przy użyciu AngularJS

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

Mam etykietkę narzędzia w product.desc. Próbowałem przy użyciu kodu poniżej:

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

ale to robi praca. Wszelkie pomysły/sugestie? proszę pomóż.

[EDYTUJ] Widzę, że wartość product.desc istnieje zgodnie z oczekiwaniami w źródle strony, gdy sprawdziłem za pomocą narzędzi programistycznych.

Dziękuje

Źródło

2015-03-26 user2598808

Spróbuj z tytułem – shwetaOnStack

Niezależnie od tego, czy używam tytułu lub etykiety narzędzia, wartość nie wyświetla się po najechaniu myszą. Sprawdziłem źródła, narzędzia programistyczne F12. Jestem w stanie zobaczyć wartość product.desc wyświetlaną w źródle (za pomocą etykiety narzędziowej lub tytułu, w obu przypadkach wartość jest podawana w źródle html.) Proszę zasugerować. – user2598808

Czy chcesz otworzyć etykietkę narzędzia na elemencie B, gdy poruszasz się na elemencie A? –

Zamiast

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

musimy dać

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

Źródło

2015-03-26 12:58:54 user2598808

Która wersja kątowa używasz? Może się zdarzyć kilka rzeczy ... Przez ostatnie 9 miesięcy tworzyłem kanciaste aplikacje, z których wszystkie korzystały z biblioteki podpowiedzi.

Zakładając, że używasz biblioteki podpowiedzi z angular-ui

Upewnij się, że odwołanie moduł kątowy-UI u twego app.js Zależności modułu

angular.module (” ValuesEntryApp ', [' ui.bootstrap ', ... więcej depedencji,]). Config (funciton() {...});

kątowe 1.3 ma to znany problem z kanciastych-ui podpowiedzi: issue/solution

innymi: Mówiłeś, że nawet jeśli używasz tagu tytułu jeszcze nie czynią podpowiedź? Myślę, że to zależy od tego, z jakiej przeglądarki korzystasz, ale wiem, co najmniej w wersji chrome, że jeśli najedziesz kursorem na element z tytułem, na krótko wyświetli się jego tytuł. Czy twój glifik nawet renderuje się na ekranie? Czy są jakieś błędy w konsoli? Daj nam więcej informacji, jeśli nadal szukasz pomocy. Mogę pomóc, aby działało, gdybyśmy mieli więcej informacji na temat konfiguracji dev.

Źródło

2015-08-18 15:25:28

Dynamic Tooltip przy użyciu AngularJS

Odpowiedz

Powiązane problemy