bradtraversy / angular-crash-2021 Goto Github PK

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.

<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"

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.