Angular Tutorial - 21 - Fetch Data Using HTTP

Man, I love you! You explained so clear that even I undersrand. I mean, I spent really 9-10 hours to figure out how this schema works and you explained it within 2 videos. Glad you do this content! Even after 5 years from video appeared, it is still helpfull!

you helped me a lot. Thanks

Really Really useful. Very well explained. Thanks a million! Please do more video.

When make a prod version and install the app in IIS, late changes on the json file I have to make a new version of the app instead of copy the json file only?

those who are getting error in importing observables write import { Observable } from 'rxjs'; instead of import { Observable } from 'rxjs/Observable'; .

error solves:
1. if there is error in subscribe, then check if there is a semicolon in before line. If it's there, remove it.
2.correct to public employees=[] as any; in both employee list and employee detail components
3. remove last semicolon in employee.json
4. correct it to import { Observable } from 'rxjs';

yep remove the last comma from the json file and make sure no single quotes

so slow , my god ! go ahead , fast !

Muito obrigado

Sir what to do when you want to recieve multiple set of json data .... with that what you've shown we can only cast on one interface..!!

Are we supposed to make a nested interface object to fit all the subset ??

Need angular 14 please

For angular14 and other issues

>> import {Observable} from 'rxjs';
>> in subscribe() define the data type of 'data' FOR EXAMPLE .subscribe((data=any)=>)
>> also in employee = [ ] do employee:any instead
Overall everything is working completely fine.

Newer version edit: To
import {Observable} from 'rxjs/observable';
From now-on we can directly use:
import {Observable} from 'rxjs';

This is still such a helpful video.. This helped me understand Observables a bit more, thank you very much! will you post any videos using Angular 14?!

Type 'IEmoloyee[ ] ' is not assignable to type ' never[ ]'. I'm getting this error

dont know why I am getting the error .subscribe cannot be found.
Please help.

hi, getting errors like this

Error: src/app/employee-details/employee-details.component.ts:22:12 - error TS2339: Property 'subscribe' does not exist on type '{ id: number; name: string; age: number; }[]'.

22 .subscribe((data) => {this.employees= data});
~~~~~~~~~


Error: src/app/employee-details/employee-details.component.ts:22:23 - error TS7006: Parameter 'data' implicitly has an 'any' type.

22 .subscribe((data) => {this.employees= data});
~~~~


can you help me

What an unbelievably clear explanation. Wow.

This is great !! Thank you so much !

Hey man please use jsonplaceholder for API tutorials. Hard coded data is a big no no.

Video not clear. So much confusing and difficult to digest ! 😐 and explanation to some of the key concepts not provided properly. Such as observable, RxJS.

thank you for this! you're a very good teacher and clear communicator!!

I have been watching you angular videos and I have learned alot. Thanks...

Perfect way to explain. Thanks for putting so much efforts.

@Codevolution... Is it okay to expose db primary key in api request. If not please suggest way to hide them

from where to get the code of this.............. but thanx for nicely explaining the topic..

Awsome video man, I learnt a lot from your tutorial.
May I know why we need to have underscore when naming a private variable? Is it necessary?

For those getting error in the json array file,
1) Replace all the single quotes with double quotes (can be done easily by using ctrl+h in vs code)
2) Remove the comma from the last value of every object in the array

Thank you man awsom

very good

when I try the subscribing code, I get an error for the 'employee = []; cant assign type x[] to type never[] can someone help

Why we inject everything in constructors only?

Really helpful. thank you

very clear and neat explaination.thankyou so much👌

Brilliant explanation . Keep up the good work sir !!

I like your examples, as every video is independent of previous video.

where is the employee list being requested from? Server side or from the browser?

this looks and feels like .net core DI

the content is great
keep going ahead♥♥

Thank you so much for the explanation! It helps a lot.

hi, i tried it as you said(i have a real postgresql) but I can't see my data, i tried to print them on the console but I cannot see them.
all i get is an array "[ ]" and when I try to open it i see: "TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them
at Function.r (<anonymous>:1:83)" is there any way to fix it?

have you explained post meathod also in the same way?

super explanation

Nice step by step explanation 👍

who is here coz he got tired of reading an endless book

Saved my day thanks