[wizzle]

Od rana testuję angulara2. Mam w nim jsona, którego przesyłam do widoku jako zmienną "site". Po stronie widoku mogę wyprintować tego jsona za pomocą {{site | json}} (chociaż w głowę zachodzę, dlaczego w angularze nie działa console.log i o co tutaj może chodzić, więc jeśli ktoś wie to będę wdzięczny). No i teraz chciałbym wydobyć z niego dane, np. site.title, ale {{ site.title }} wywala błąd. W jaki sposób mogę w tych nawiasach wyciągnąć site.title z tego jsona?

#angular #programowanie #javascript

[epi]

@wizzle: jaki błąd?

{{ site.title }} powinno działać normalnie, tak jak w jedynce

no i gdzie Ci ten console.log nie działa? to też jest dziwne

[veranoo]

@wizzle: ten Twój JSON to obiekt czy musisz go pobrać z protokołu http?

[wizzle]

@veranoo: Pobierany z protokołu http

[veranoo]

@wizzle: to musisz metoda GET zwróci Ci angularowy promise, resopnse musisz dodać do jakiegoś obiektu lub tablicy.

[wizzle]

@epi: Właściwie wszędzie nie działa mi ten console.log, chociaż przydałoby się, żeby chociaż działał w konstruktorze serwisu lub komponentu. Też tego nie rozumiem, nawet console.log('test') nie działa, podczas kiedy alert działa poprawnie ;/ Ciężko tak debugować, jest na to jakaś rada?

[wizzle]

@veranoo: Masz może jakiś przykład pod ręką?

[epi]

@wizzle: nie spotkałem się jeszcze z problemem, by console.log nie działał ;)

[veranoo]

@wizzle: w pliku komponentu musisz mieć jakąś zmienną i dopiero się możesz odwołać do niej w widoku

[veranoo]

@wizzle: najlepiej jak zrobisz sobie serwis, tam metode np return this.http.get(this.artistUrl)
.toPromise().then(response => response.json()).catch(this.handleError); -> wtedy w komponencie masz obiekt i przypisujesz sobie this.service.getArtist(this.id).then((res) => {
this.artist = res;
});

[veranoo]

@wizzle: najlepiej już to zrobić ansynchronicznie, catch obsługuje Ci wyjątki, więc nie musisz narazie go mieć.

[veranoo]

@wizzle: Masz np taki komponent -> http://pastebin.com/1L3y7jmX

I jest tam obiekt artist, i templacie możesz się do niego odwołać.

[wizzle]

@veranoo: Spójrz, próbowałem to ugryźć z tej strony:
http://pastebin.com/KGUKcEXm

Da się tutaj coś z tym zrobić?

@epi: Wygląda na to, że w Safari i FF jest z tym problem, bo w Chrome działa

[epi]

@wizzle: zasysasz dane ajaxem, więc w momencie, w którym widok ich potrzebuje, jeszcze ich nie masz ;)

żeby bezpiecznie sobie coś wypisać użyj {{ site?.title }}

[veranoo]

@wizzle: źle

[limerence]

@wizzle: W angularze 1.x było coś takiego jak $log, które wstrzykiwało się do kontrolera i z tego można było logować. Nie chce mi się szukać, czy w 2 to dalej tak działa, zresztą - też nigdy nie miałem problemów z console.log...

[veranoo]

@wizzle: this.router -> nie jest stringiem tylko obserwatorem, ale głowy nie dam

[wizzle]

@veranoo: To akurat działa poprawnie z this.router. Gorzej z tym ajaxem, masz jakiś pomysł jak rozwiązać to od strony mojego kodu?

[veranoo]

@wizzle: musisz zrobić toPromise() w serwisie

[veranoo]

@wizzle: https://angular.io/docs/ts/latest/tutorial/toh-pt6.html

[wizzle]

@veranoo: Nie zdążyłem Ci odpisać, z toPromise() działa, nie wiem tylko dlaczego ;) Jesteś super!