bradtraversy / angular-crash-2021 Goto Github PK
View Code? Open in Web Editor NEWTask tracker app from the 2021 youtube crash course
Task tracker app from the 2021 youtube crash course
I have tried the tutorial the other day, and the json server was working. The CRUD functions also work and reflects on the web app. However, today when I re-opened the Angular application to refresh the lessons, I ran
ng serve
to run the application and I noticed that the tasks are empty on the webpage. When I checked the error messages on the browser console, I got the error message/s:
zone.js:2707 GET http://localhost:5000/tasks net::ERR_CONNECTION_REFUSED
and
ERROR: HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: 'Unknown Error', url: 'http://localhost:5000/tasks', ok: false, …}
'error: ProgressEvent {isTrusted: true, lengthComputable: false, loaded: 0, total: 0, type: 'error', …} headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, headers: Map(0)} message: "Http failure response for http://localhost:5000/tasks: 0 Unknown Error" name: "HttpErrorResponse" ok: false status: 0 statusText: "Unknown Error" url: "http://localhost:5000/tasks" [[Prototype]]: HttpResponseBase constructor: class HttpErrorResponse [[Prototype]]: Object
Is this a problem regarding the json server? I've tried reinstalling them to the package but it still has the same error.
Firstly, i clicked the 'Add' button to show add-task form.
Then, i click the 'About' link to the page about.I couldn't find the add-task form after i go back to the '/' path.
The *ngIf used in add-task component may used the default value set for variable 'showAddTask'(false).
I'm a newbie in angular, i want to know which way to solve it is the angular way.Thanks!
BTW, if we don't use unsubscribe observable in service, the subscribe will perform more than once unexpectedly after we switch the pages.
<app-task-item *ngFor="let task of tasks" [task]="task" >
while sending props from app-tasks to app-task-item it'll showing error while using [task]="task"
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.