Tworzę w Angularze 5 FrontEnd (dopiero się uczę) i wykorzystuje HttpClient do puszczenia POSTa do backendu, który ma poprzez przekazanie parametrów email oraz password zwrócić dane usera wraz z tokenem dostępu.

Wygląda to obecnie tak:

(...)
onClick(){
this.http.post('http://backend/api/user/login', this.user).subscribe(
res => { console.log(res); },
err => { console.log(err); }
)
}

Gdzie:
- url jest poprawny
- obiekt user jest to obiekt JSowy { email: 'adres@email.com', password: 'poprawnehaslo' }
- wszystkie importy
@Docker: Już rozwiązałem.

this.user jest to obiekt zdefiniowany wcześniej tak:

interface User {
email: string,
password: string,
}

W komponencie przed konstruktorem stworzyłem stały parametr user, bazujący na klasie User, który zmienia się dynamicznie poprzez 2 kierunkowe wiązania danych (nie wiem jak to poprawnie przetłumaczyć).

Przekazanie parametru user jako body w zapytaniu powodowało wysłanie go w postaci JSONa, aby REST API poprawnie to przyjmowało musiałem stworzyć nowy obiekt HttpParams oraz wprowadzić
@HAL__9000: Dużo osób używa takich rzeczy, to po prostu zaoszczędza czas i nie trzeba pisać wszystkiego od zera.
Ale widzę, że kolega z tych co wolą mieć kontrolę nad kodem( ͡° ͜ʖ ͡°)
#programowanie #programista15k #angularjs #angular #pomocy #pytanie
Mam problem z ogarnięciem jednej rzeczy w Angular 2, nie mogę tego przeskoczyć od kilku dni.

Mam komponent który wykorzystuje DI i importuje mój serwis. Serwis zaś importuje protokół HTTP. W serwisie mam metodę która zwraca obiekt typu Observable (tam też konwertuje dane do json). W komponencie subskrybuje no i dane w widoku wyświetlam. Ok, wszystko super. Ale za każdym razem kiedy odpala się ten konkretny
@KiKiEngine: Subskrybujesz normalnie w komponencie, z tym że przed requestem robisz warunek sprawdzający, czy te dane masz już zapisane. Jak masz zapisane, to przypisujesz z serwisu/storage. Jak nie - robisz requesta i po odpowiedzi w subscribe zapisujesz dane do serwisu/storage.
Jak to jest z tymi modułami w #angular?

Załóżmy, że mam takie funkcjonalności w aplikacji jak: rejestracja, zakładanie rachunku bankowego, transakcje, historia transakcji.

Jak powinna wyglądać sensowna struktura? :
- AppModule
- UserModule (rejestracja, logowanie)
- TransactionModule(wykonywanie przelewów)
- AccountModule (zakładanie rachunku, przegląd rachunków,historia przelewów)

Czy może:
- AppModule,
- UserModule
- BankingModule(i tutaj komponenty do zakładania rachunku, wykonywania przelewów, podgląd historii itp)

Które według was jest bardziej sensowne?
#programowanie
@Scharnvirk: dlatego właśnie nie wymieniłem 5, największe zmiany są chyba między tymi które wymieniłem a już w ogóle to w JS a 2/4. Ogólnie zrobiłem sobie dla testu po jednym froncie w JS i 4 (ale idę głównie w backend także front to dla mnie zło konieczne). Powiem szczerze że mimo iż nie znam jakoś dobrze JSa (podstawy jakieś żeby się orientować co i jak) to lepiej mi się robiło w
@Dzolejro: Przede wszystkim to 1.x nie jest już rozwijane (pewnie poza krytycznymi fixami) i nie ma przyszłości. Czy chcesz czy nie, trzeba iść w rodzinę 2+.

Typescript jest całkiem spoko na dłuższą metę. Angular jest narzędziem które dobrze się skaluje, ale kosztem tego że z początku pisze się trudniej. Jeżeli masz jakąś niedużą robótkę to są lepsze rozwiązania niż Angular (np Vue - lekki i szybki framework który opisałbym jako uproszczoną
Mial moze ktos tak ze zmienna z service wypelniana requestem nie trigeruje sie przy pierwszym wczytaniu strony?
Na zasadzie
vm = this;

vm.zmienne = [];

getZmienna();

getZmienna(){
return factory.pobierzZmienne().then(function(response){
vm.zmienne = response;
});
}

A w directive.

vm.localneZmienne = nazwaService.zmienne;

Oczywiscie pozniej dziala to poprawnie, tylko przy pierwszym wczytaniu sie #!$%@?. #angularjs #angular #javascript
Obrazek bo o to jest największa burza. Pytanie jednak nieco inne.
Jakie technologie aktualnie są warte nauki na front end?
Pytam, bo piszę w angularze, ale wszyscy wokół ciągle mi mówią że to już trup i powinienem pisać w czym innym.
Lubię ten framework bo jest po prostu dobry według mnie ale jeśli ma rzeczywiście umrzeć to chciałbym usłyszeć jakieś argumenty.
#pytanie #programowanie #webdev #frontend #angular #react #js
G.....4 - Obrazek bo o to jest największa burza. Pytanie jednak nieco inne.
Jakie te...

źródło: comment_4PcdE84Dm70LZczEDmqfyXYUs2SkFXeH.jpg

Pobierz
Czy zna ktoś jakiś konkretny tutorial albo książkę itd. na temat #angular (wersja 5 najlepiej)? Bo wszystkie tutoriale, z którymi miałem do czynienia to składnia filtry/pipes etc., a w żadnym nie było np. jak wykorzystać formularz do dodawania i edycji. Najlepiej jakby był jakiś tutorial, gdzie ktoś buduje całą aplikacje (front-end).
#programowanie #webdev #angular Mirki, robię sobie projekt z rest API, który jest konsumowany w Angularze. Jednak mam problem ze stroną logowania. Nie mogę się zalogować przy użyciu klienta angulara, gdy wyśle request w Postmanie to nie ma problemu. Angulara dopiero sie uczę, więc pewnie tutaj gdzieś jest błąd. Leci mi taki komunikat po próbie zalogowania: "Http failure during parsing for http://localhost:8080/login?error" w dodatku leci on dwukrotnie. Moje ustawienia w Springu tutaj,
@D3xxT3r: Czytales loga z bledem? Od API dostajesz html-a czyli de facto text, natomiast Twoj post jest skonfigurowany tak, ze jako responseType oczekuje jsona i jako jsona zwrotke probuje parsowac (a ze nie moze tego zrobic bo pierwszy znak zawiera '<' dostajesz wiadomosc w logu z bledem).