Angular · BoardGamesNook · Programowanie

Debuggowanie aplikacji Angular – rozszerzenie Augury

Przy okazji robienia kursu dotyczącego Angulara dowiedziałam się, że istnieje ciekawe rozszerzenie do przeglądarki Chrome. Nazywa się ono Augury i jest przeznaczone do debuggowania aplikacji napisanych właśnie w Angularze. Uruchomienie Wejdź na stronę rozszerzenia https://augury.angular.io/. Dodaj rozszerzenie do przeglądarki. Uruchom swoją aplikację w przeglądarce. Otwórz narzędzia developerskie (F12). Otwórz zakładkę Augury. Component Tree Główne okno programu.… Czytaj dalej Debuggowanie aplikacji Angular – rozszerzenie Augury

Angular · Programowanie · TypeScript

JS Upskill – recenzja warsztatów Angular 2/4/5

JS Upskill Wrocław O tym, że istnieje taka inicjatywa jak JS Upskill Wrocław prowadzona przez Łukasza Gąsiora, wiedziałam od dawna. Zaczęłam obserwować poczynania tej grupy, ale dotychczas nie wzięłam udziału w żadnych warsztatach. Powód był prosty – zwykle skupiam się bardziej na backendzie. Frontendowe rzeczy mniej mnie interesują. Nie wzięłam więc udziału w warsztatach dotyczących Javascript,… Czytaj dalej JS Upskill – recenzja warsztatów Angular 2/4/5

Angular · BoardGamesNook · Programowanie · TypeScript

Error „No provider for …Service”

Podczas prac nad nowym modułem wyników (tak, tak, prace nad aplikacją wciąż trwają ;p ) musiałam w pewnym komponencie skorzystać z dodatkowych serwisów: Jak widać wyżej, w GameResultDetailComponent wykorzystuję dodatkowe 2 serwisy: BoardGameService oraz GamerService. Jednakże po uruchomieniu aplikacji otrzymałam następujący błąd: Rozwiązanie okazało się całkiem proste. Należało dodać odpowiednie serwisy w samym komponencie do… Czytaj dalej Error „No provider for …Service”

Angular · Programowanie

Angular2ComponentTemplate – rozszerzenie do VisualStudio

Dzisiaj krótko i treściwie: znacie ten problem, gdy musicie utworzyć nowy komponent w Angularze?   Potrzebujecie wtedy następujące pliki: testName.component.ts, testName.component.html, testName.component.css. Dotychczas tworzyłam te pliki ręcznie (lub kopiowałam istniejące i zmieniałam nazwy). Ale odkryłam, że nie ma takiej potrzeby. Można to zautomatyzować poprzez pobranie odpowiedniej paczki do Visual Studio. Nazwa paczki to Angular2ComponentTemplate.

Angular · BoardGamesNook · Programowanie

Navigation bar i Routes

Jakiś czas temu, w trakcie debuggowania aplikacji zauważyłam dziwną rzecz. Mianowicie po wybraniu z menu opcji Stoły do gier lub Moje stoły do gier, obydwie pozycje były podświetlone. Wyglądało to tak: A html tak:   Jak widać, obydwa elementy  mają klasę active. Jak to możliwe?   Ano łatwo zauważyć, że obywa elementy mają taki sam kontroler… Czytaj dalej Navigation bar i Routes

Angular · BoardGamesNook · Programowanie · TypeScript

Aktualizacja Angular 2->4 i TypeScript 2.2->2.4

Z okazji wolnego dnia wpadłam na pomysł zaktualizowania oprogramowania aplikacji. Zdecydowałam się na update Angulara z wersji 2.2.1 na 4.3.3. Wiązało się to ze zmianą wersji pakietów w pliku package.json. Byłam sceptycznie nastawiona do zmiany, ponieważ nie chciałam opóźniać (i tak spowolnionych własnym lenistwem i brakiem czasu) prac nad projektem. Z okazji dnia wolnego zmobilizowałam… Czytaj dalej Aktualizacja Angular 2->4 i TypeScript 2.2->2.4

Angular · BoardGamesNook · Programowanie · TypeScript

Błąd „Cannot match any routes. URL Segment: ‚_'”

Od kilku miesięcy działania aplikacji ciągle miałam w przeglądarce błąd dotyczący url: Ciągle nie miałam czasu się za niego zabrać, bo skoro aplikacja działała, to rozwiązanie problemu zostawiałam na później. Wiem, nie jest to zbyt dobra praktyka. Powinnam od razu naprawić błąd – ale czasami to, że wiemy, co trzeba zrobić, nie wystarcza do tego,… Czytaj dalej Błąd „Cannot match any routes. URL Segment: ‚_'”