AngularJS - element tooltip. Usunięcie klamer [{}] z obiektu JSON.

Question

Witam, pobieram sobie za pomocą serwisu dane, które są mi potrzebne, by wyświetlić je jako tooltip w data-title. Zawierają one daty, które muszą się wyświetlić po najechaniu na element.

Niestety, kiedy po prostu je wrzuciłem do data-title="{{moje.dane}}", tooltip zawiera także klamry [{}], które bardzo psują wygląd danych.

Nie za bardzo wiem jak się za to zabrać. Na razie zmieniłem tylko wyświetlanie: data-title="{{moje.dane|json}}", no ale klamry dalej są, wiadomo. Czy mogę zamiast tego |json zastosować swój własny filtr? Tylko, czy to zadziała na dane które generowane są za pomocą ng-repeat?

Czy jedynym sposobem jest zaciągnięcie danych za pomocą GET, przerobienie ich na stringi w js a następnie wstrzyknięcie do tooltipa?
Pozdrawiam

 

@EDIT - dodanie screenów JSONa w <pre> oraz wyświetlanie danych poprzez tooltip

 

Comments

Czy moje.dane to jest cały JSON? 

 klamry [{}]

Klamry to "{" i "}". Nawiasy kwadratowe oznaczają tablicę lub - jeśli podwójne - jakiś "mocno prywatny" obiekt/property.

Zapewne nie parsujesz JSONa przed wyświetleniem go. Łatwiej byłoby Ci pomóc jeśli pokazałbyś jego strukturę, albo chociaż wycinek - żeby móc odnieść się do jakiegoś pola i dać Ci przykład.

---

Edytowałem pytanie - mam nadzieję, że o taką strukturę Ci chodziło :P

Answer 1

Użycie "| json" serializuje wartość do JSONa - dokumentacja . Przed wyświetleniem danych, powinieneś w kontrolerze użyć angular.fromJson( moje.dane ), aby sparsować JSONa do obiektu. Pamiętaj, że jeśli jest to tablica, musisz podać indeks elementu - w przypadku pojedynczego, będzie to [ 0 ].

Dokumentacja: https://docs.angularjs.org/api/ng/function/angular.fromJson

Możesz sobie zrobić z tego własny filtr (pipe), ale im mniej zaśmiecasz kod widoku, tym lepiej.

Comments

Super, sporo mi rozjaśniłeś tą wypowiedzią, zaraz biorę się do wprowadzania zmian ;) Jeszcze tylko jedno pytanie- bo fakt, jest to tablica (wiele elementów może tam być). Skoro muszę podać indeks elementu to co zrobić w wypadku, gdy do końca nie wiadomo ile elementów będzie?

---

Jeśli nie masz pewności, że tablica nie będzie pusta, to sprawdzaj jej property length. Jeśli chcesz parsować wszystkie elementy (będące JSONami) tablicy, to puść pętlę po tych elementach i na każdym wywołaj angular.fromJson()

---

Dziękuję :)