Test dit webprojekt på Android enhed

Forbind din Android enhed til computeren via USB og sørg for at “Udviklingsindstillinger” er slået til. Søg på din Android version og mærket på din mobil (f.eks. Android version 7 Samsung udviklingsindstillinger) for at se hvordan. Gå til chrome://inspect i din Chrome browser. Hvis din enhed detekteres korrekt, vil du se modelnavn (i eksemplet SM-G390F) […]

Npm: opdatering af dit projekt

npm outdated Vis pakker der er forældet, dvs. udkommet i nyere versioner:

Current Den version der pt. er installeret Wanted Den version der bør installeres iht. reglerne (semver) i package.json Latest Den senest tilgængelige version npm-check-updates Opdatering kan ske med npm update MEN den opdaterer ikke package.json med de nye versioner, og det gider vi […]

Angular 6: Begynderfejl

Jeg starter dette dokument, for at minde mig selv om de fejl jeg IKKE må begå igen. Change Detection og indexedDB  = blødende memory leak Hver eneste gang en variabel ændrer værdi, vil Angular kører en såkaldt “change detection”. Dvs. at DOM opdateres i henhold til ændringen. Hvis du f.eks. har en [ngClass]=”doSomething()” på samtlige […]

Angular 6 pwa: Progressive Web App

PWA (Progressive Web App) er navnet på en W3C standard der gør en hjemmeside endnu mere mobilvenlig og giver brugeren en følelse af at benytte en “rigtig” app.: Offline caching ved hjælp af service workers, dvs. din web app om nødvendigt også kan fungere uden en internetforbindelse. Et manifest der definerer splash screen, ikoner, navn […]

Angular 6 http: Kommunikation med api

Opret en service Opret en ny service:

Jeg vælger at kalder den ApiCom (Api Communication), men det er helt op til dig at vælge et navn. Derudover placerer jeg alle mine services under ~/mitProjekt/src/app/_service. Dette er den nye service og jeg har derudover importeret Angular’s indbyggede http klient og føjet en ny instans til […]

Angular 6 navigering: Responsive menu – en sidebar

I app.module.ts

… og i imports sektionen af samme fil:

I dokumentationen er brugen af modulet tydeligt forklaret, men som ny bruger af Angular 6, havde jeg lidt udfordringer med at finde ud af, hvordan man åbner og lukker det uden for det komponent hvor det er tilføjet. Jeg løste det ved […]

Angular 6 i18n: Oversættelse til flere sprog

Oversættelse i Angular 6 er kompliceret ved første øjekast, men efterhånden som man dykker ned i tågen af information, viser sig en ganske fornuftig arbejdsgang der i stor udstrækning forsimpler opgaven i forhold til tidligere tiders metoder. En af de helt store fordele er at Angular i dag kan generere sprogfiler i forskellige standardformater. Dvs. […]