Kontynuując tworzenie aplikacji BoardGamesNook natknęłam się na pewien problem. Mianowicie chciałam, żeby po zalogowaniu się, użytkownik nie przechodził do strony głównej programu, ale musiał wypełnić pewne wymagane dane dla obiektu gracza. Dopiero po ich wypełnieniu mógłby korzystać z aplikacji. Opis problemu: mam UserController i GamerController. Muszę je połączyć w jakiś sposób. To znaczy, że po… Czytaj dalej MVC, Angular i redirect
Kategoria: TypeScript
Naprawa błędu i LocationStrategy
Pisałam ostatnio o błędzie, z którym nie mogłam sobie poradzić: "Error: Cannot assign to a reference or variable!" Kolega Patryk rzucił okiem i co? Oczywiście znalazł prostą przyczynę, brak parametru name: Proste? Proste! Dodatkowo pomógł mi z jednym problemem, a mianowicie brakiem możliwości odświeżania stron (poza stroną główną). Okazało się, że brakowało mi modułów Type i… Czytaj dalej Naprawa błędu i LocationStrategy
BoardGamesNook: stół do gry
Prace nad aplikacją trwają, udało mi się już utworzyć nowy moduł stołów do gry. Wyniki widać poniżej. Na początku widzimy listę stołów do gry: Jest na niej wypisany założycie stołu oraz proponowane pozycje gier, w które chce zagrać. Po kliknięciu na któryś stół poniżej wyświetlają się opcje dodatkowe: Można przejść do szczegółów stołu lub usunąć… Czytaj dalej BoardGamesNook: stół do gry
Poranne problemy z Angularem
Usiadłam rano do projektu, odpalam nowy widok i co widzę? Błąd: "TypeError: Cannot read property 'TableBoardGameList' of undefined" Kod widoku, w którym się sypie: Zajęło mi chwilę rozwiązanie tej zagadki. Debuggowałam kilka razy, wyraźnie widziałam, że obiekt gameTable nie jest pusty, a mimo to nadal miałam błąd. Jakie było rozwiązanie? Wystarczyła tylko jedna linijka 🙂 Najpierw… Czytaj dalej Poranne problemy z Angularem
TypeScript – konwersja typów
Dzisiaj krótko i na temat: jak przekonwertować napis do liczby w TypeScript: Lub ładniej: W przypadku napisu, który nie można przekonwertować na liczbę, zostanie zwrócony NaN. W przypadku liczb zmiennoprzecinkowych należy pamiętać o odpowiednim separatorze dziesiętnym (kropka zamiast przecinka): I tyle na dzisiaj. Życzę miłej końcówki długiego weekendu majowego;)
POST, pojedynczy parametr i Angular
Próbowałam ostatnio przekazać postem pojedynczy parametr do kontrolera. Miał to być zwykły napis przechowujący informacje na temat nazwy gry, którą chcemy zaimportować z serwisu BoardGameGeek. Metoda w moim kontrolerze wyglądała następująco: Od strony frontentu próbowałam kilka podejść: przekazać nazwę jako zwykły string w body requestu: Niestety po stronie kontrolera parametr name był nullem. Sprawdziłam debuggerem,… Czytaj dalej POST, pojedynczy parametr i Angular
Obsługa błędów
Zabrałam się do pracy nad aplikacją i nagle zobaczyłam, że dodawanie nowej gry nie działa poprawnie - a raczej nie działa w ogóle. Wszystko pięknie, naprawi się w przyszłości, ale czemu nie mam żadnej informacji po stronie klienta, że coś poszło nie tak? Musiałam zabrać się więc za obsługę błędów. Załóżmy kilka przypadków błędów po stronie serwera:… Czytaj dalej Obsługa błędów
Poranna kawa i przygody z TypeScript
Śniadanie zjedzone, Kawa gotowa - zabieram się do pracy. Na początek coś prostego, czyli utworzenie pliku BoardGame.ts dla nowego modelu BoardGame. Model zawiera pewne opcjonalne właściwości np. BGGId (Id pochodzące z serwisu BoardGameGeek, z którym zamierzam zrobić integrację). Nagle Resharper zgłasza problem: TypeScript 2.0 feature. Current language level is 1.8 I tu się zaczynają schody. Wg VS mam… Czytaj dalej Poranna kawa i przygody z TypeScript
CRUD w Angularze
Moja aplikacja BoardGamesNook jest napisana w C#, korzysta ze wzorca MVC i wykorzystuje framework Angular. Oznacza to, że jest rozdzielona na stronę backendową (logika biznesowa w C#) i frontendową (odpowiedzialną za wyświetlanie danych użytkownikowi). Poniżej widać drzewo solucji głównego projektu. Folder src zawiera pliki typescryptowe do obsługi żądań i htmlowe do wyświetlania danych. Utworzony w backendzie przykładowy model… Czytaj dalej CRUD w Angularze
Angular 2.0, czyli jak to ugryźć
Raczkowanie w Angularze 2.0