Angular 4/5 HTTP GET and POST requests tutorial

[@ericaepperson8928]

thank you for your down-to-earth teaching style. So nice to listen to you chat about coding without the inflated ego that so many people in the tech world seem to think is requisite to being a successful programmer. I really enjoy your videos, thank you!

[@Techsithtube]

Thank you for watching. I believe that as a teacher you need to be humble.

[@architadesai7876]

There was a time when I had no hope to finish my task on the edge and then your video came and you're such a savior! No other videos explained it like this.

[@Techsithtube]

Archita, I am glad that you were able to fine what you were looking for. :)

[@iily.official]

@@Techsithtube it's sad that you didn't do the Post request example into the input area :(

[@nzjemountfort]

Excellent Tutorial - in the first minute you pointed out some issues that took me a long time to even identify a while ago, that will help save ALOT OF PEOPLE ALOT OF TIME!

[@Techsithtube]

I did suffer from the same when i started and I thought its important for people to know. Thanks for watching!

[@mukeshvaidya1379]

you have very pleasing way to present the topic in simple and lucid manner which made me comment .Looking forward for more in Angular God Bless!

[@somesbhowmick2082]

Great component and as expected, full of necessary materiel related to "HttpService and CORS". You make complex thing simple and represented it nicely, Thanks

[@Techsithtube]

Somes, I am glad that it helped. I went through lot of trouble understanding it when i was learning so I thought it should be simpler than what others have been teaching.

[@donnacampbell9187]

Thank you so much...I am doing an Angular final in school and you have so helped me understand this !!Bless you!

[@MrNagamalli]

Hi, your online session presentation is awesome.

[@davidconnelly]

Another great video (and thanks for answering my question, previously). You are knocking this out of the park. I just can't understand why you're doing all this for free. Anyway, thanks again for this. You're brilliant.

[@Techsithtube]

Thanks David for the kind words. Actually I had started creating a udemy course on Angular, I was half way through and someone stole my computer from my car so I lost all the work . I decided that I am going to keep it free to the world . May be one day I can create udemy course.

[@harshu1982]

Thanks mate, I understood your tutorials very easily...have had been following many, but this helped me a lot actually.

[@manueldiera6781]

This was great, you have a great way of explaining things and actually showed how to do this step by step. Thanks!

[@jezzyfizzo]

All your videos including the JavaScript ones are great. Thanks for the help!

[@maynorsonglara]

Well done tutorial, very explanatory, really amazing edition cutting the unnecessary typing time. Congrats!

[@dollardreams5811]

Hi techsith your tutorial is very informative plz upload full series on angular6 it's very helpful

[@abhig3871]

Cool stuff TechSith, liked the get & Post requests

[@iily.official]

it's sad that you didn't do the Post request example into the input area :(

[@mahevstark9950]

love you, thanks, bundle of thanks. you should know it only you're (very) public who is working with angular 5 :) even angular.io doesn't have such guides.

[@Techsithtube]

Thanks Faisal, ANgular documentation is confusing that is why i am creating these tutorials make more sense.

[@bohdanartemenko]

Oh my god thank you, i tried to find about how to fix that cross-origin for a long time, only this video tutorial helped me :)

[@Techsithtube]

Initially i struggled a lot on CORS issue and i could not find a good solution anywhere . So i understand your frustration. I am glad I could help. :)

[@himanshuupreti9457]

Jsonp is the answer for CORS..

[@gondrajkumar8783]

thank you so much...today i learn new and first time ..........it possible for this tutorial. it great teaching .....

[@abinmathew7708]

Small and beautiful tutorial for a beginner

[@akai2112123]

Thank you so much for the interceptor module ! Loved the video . Cheers

[@manojkumarganigapeta2966]

Nice sir I have one doubt like if I write service call in service.ts how can I get data to my component using post method

[@Techsithtube]

You can inject the service in your component

[@Techsithtube]

I have service tutotial you can check it out.

[@tilakbarthi2183]

can u please tell me search with two input fields one is drop down one is input box taking request from json and display it in list model example i need

[@Techsithtube]

can you tell me little bit more about exactly what you need.

[@pamidichetan]

Inside services making a post request as below but the post request is not sent return this.http.post(this.rootUrl+'auth/sign_in',{ email : userName, password : password }) .map((data : any)=>{ localStorage.setItem('userToken',data.access_token); this.router.navigate(['/home']); }, (err : HttpErrorResponse)=>{ this.isLoginError = true; }); } Checked in the network also but there is no post request?

[@Techsithtube]

the code looks fine. Any errors?

[@pamidichetan]

@@Techsithtube no errors but I am doing call to the function from component to the service

[@shivakumar3955]

Nice videos.Request you to please add more questions on Angular 2

[@heberfomin]

Hi techsith. I have an issue. In dev environment I can send data to API. Api receives the Content-Type "application/x-www-form-urlencoded" that sends the json data to API, but, in production environment (after build) the API receives an empty json. My application is served by IIS. Do you have an idea how can I fix it? Is a web.config issue? Thanks.

[@Techsithtube]

Where are you using the prod version? It could be CORS issue. Is there any errors?

[@heberfomin]

techsith, thanks for your kindness in to respond. Angular is in one server, API in another with different IP and https prefix (www and api.). There is no error message, but I agree with you is a Cors Issue. I Tried to resolve it on server thru web.config (IIS) with no success. The API is in Laravel and I put CORS module there, but did'n resolve also.

[@ishankotru7652]

I have already build Rest Webservice application which is printing data in json. I want to build a service to fetch data from dat app and show in ng ui. plz help

[@Techsithtube]

You can sue this video to that. all you have to change it the api url .

[@ishankotru7652]

@@Techsithtube let me try

[@krishnanshankarasubramania3883]

Good one. Useful. One question: if we have multiple HttpClient url to get or post how to handle the access control allow origin? Is it possible to pass multiple URL in the interceptor?

[@thebiography6021]

Hi,I would like to know how to implement native plugins eg;camera in angular mobile app.

[@Techsithtube]

What platform you are using for building the mobile app?

[@thebiography6021]

ionic 3 ,which platform will be suitable with angular 5?

[@Techsithtube]

ionic 3 is sutable platform. I belive you can use Ionic Native to interface with the Cordova Camera plugin

[@thebiography6021]

Thanks you sir.

[@nirajdewangan3508]

thank you, for such a great tutorial.. I am beginner to angular and this series is helping me lot

[@Techsithtube]

Thanks for watching!

[@ashishrprastogi]

Hi Sir, I need your help. I got one API which is working on postman but when I have tried to call though angular code it is not working.. showing error

[@tayyabqazi143]

Bundle of thanks for this video I was searching a lot for this please upload a tutorial about mapping

[@Techsithtube]

Like Map function in react?

[@CarlHamilton1914]

Excellent. This is exactly what I was looking for. To the point!

[@viniciogomez9863]

I have problems with the post for the sent through slim framework 3, Error say "Failed to load resource: the server responded with a status of 405 (Method Not Allowed)" sends as method "Option". I'm using Angular 6.

[@d-one-and-only]

any idea why [routerLinkActive] won't work on this example?

[@Techsithtube]

Which version of angular are you using?

[@phemant24]

Hello Sir, What is the difference between @angular/common/http and @angular/http ?

[@Techsithtube]

I believe prior to v4.3 @angular/http was used. However , not it seems the new way is @angular/common/http. which means You need to inject HttpClient in your component/service not the module. If you import HttpClientModule in your @NgModule Also pay attention that old http was injected using Http class token instead of the new HttpClient. Going forward the old http client will be deprecated. so dont use it.

[@phemant24]

Thank You very much for very quick reply.

[@yanivsalman9685]

one of angular 5 changes was @angular/common/http in the future @angular/http wont be supported anymore so dont use it. more changes : / Pipes /how to import observable and some changes in the Form Module and lifeSicleHooks plus rxjs and typecript versions updated.

[@phemant24]

Yaniv Salman thank you bro

[@avinashmohite6933]

i have one issue. animation effect not working on tab selection in angular 5 . how to resolve this issue.

[@Techsithtube]

sure. where did you put the CSS for tabs?

[@avinashmohite6933]

sir please check this link frameworkinfotech.com/ some effect on home page first time work perfectly but when go to any other tab and back to home tab then affect not working in angular 5 in angular 4 work perfectly. i have use in angular 4 ngOnInit() { this.loadScript('assets/js/animate/animate-function.js'); } public loadScript(url) { console.log('preparing to load...') let node = document.createElement('script'); node.src = url; node.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(node); } but this not work for angular 5 please give me solution.

[@Techsithtube]

I would suggest instead of loading it on ngOnInit() . What you have done is a hack and loading a js file is async process it may or may not work depending on when this file is received. Better solution is to create a utility lib with animate functions and import it to this component. Import would make sure that the file is there before using it.

[@avinashmohite6933]

Thanks but how to do it. should you give me example?

[@amirtav7249]

hi thank u for ur video but i still have this problem and error 'Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.' i watch 1000 other videos and i just can request to https and when i request to localhost or some ther servers that are not https i still have that error can u help me what sgould i do? i do what u tell me step by step and still dosent work

[@Techsithtube]

I think you might have some security issue. let's try one last thing. you can install chrome extension access-control-expose-headers . it will be added to your chrome on the top right bar. Make sure it's enabled which means its green. then open its settings. you might already have some settings. just remove that and click on the + sign and add *. close the browser and reopen. then see your solutions works. Let me know what happens.

[@SaiPrakash16]

hi , Had a query if you are aware - if I have a json format { Entries : [ { id:1, name: abc, class:a }] } how do I create the interface here to send out a put or post here ?!

[@Techsithtube]

Here instead of an profile in my example, you have Entries. which means you would get yourAPI/Entries/name=abc Have you created an rest api for this?

[@SaiPrakash16]

yes, we have an API which takes this as JSON as an input for an update . The question is how to do we go about creating a model that would be in the above format ?

[@Techsithtube]

You mean represent this data in typscript interface? you can do something like this interface Entries { [index: number]: { id: number; name: string; class: any }; }

[@SaiPrakash16]

yes a TS interface, not in this format , thanks for your time anyways, have found a way :)

[@madant2697]

a very good and easy to understand tutorial..ty sir..

[@Reaper_f30]

hey man nice tutorial.. question though.. should api call not be done in a service file instead?

[@shubhamsoni6013]

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'localhost:4200' is therefore not allowed access. after adding interseptopr file in app, and included in app.module.ts please help me,

[@naderafshari3456]

Did you fire this out? Did it have to do with localhost?

[@AnjaniNaina]

Hi Sir, I need help, can you please tell me how can I call an API which belongs to different domain form my localhost server, because currently, I am facing the cross-origin issue.

[@warrenclarin6488]

Great tutorial .. but how can i do this using Services then pass the response to a Component ?

[@Techsithtube]

Actually its very simple. Move the http get/post code into a service and . Inject service to which ever component you are trying to use. Look at the last few tutorials on services and observable I released.

[@warrenclarin6488]

please help me sir .. i can get data from an API using services and successfully received a response .. but i don't know how to pass the response from this service to a component .. :(

[@nzjemountfort]

+Warren Clarin kzbin.info/www/bejne/mpLbloyfq5p5fs0

[@sivaprakas9828]

Do you have full angular course? i want to learn angular? so which version is suitable for me to learn ?

[@Techsithtube]

So far I have covered installation + setup, Creating new components, Data down Actions up and Http get/post. Please check it out. And in next few weeks, I will release , service, routes and styling,

[@nirjharpaul]

Why you did not use two way binding

[@Techsithtube]

I have a separate video on two-way binding you can check it out on my channel. Thanks for watch it.

[@opendojo929]

very nice tutorial! Do you have one where you teach how to chain Observables correctly with HttpClient?

[@Techsithtube]

You mean chain multiple promises?

[@opendojo929]

Thx for your response. :) I mean how do you use the response of the first http request for the second? Because they are async the might not be ready when using them. Right now I put the second request inside "complete".

[@Sankey369]

I have defined child routes which accepts parameter from parent. I am using this parameter to make GET request data from API which return value to same object. So when I change parameters from parent, it should refresh child component with new data. I am not getting view refreshed. can you suggest what can be done to resolve this?

[@Techsithtube]

Yes it should update the data. Can you first make sure that parent is passing the data to child using console.log() first.

[@Sankey369]

Parameters are received in child as expected. It is the service which is getting different data but assigning to same variable. This variable i have used in child component to iterate over tr tag.

[@Techsithtube]

Oh I see. Where is the code? I can take a look if its in public domain like github.

[@Sankey369]

I have posted my question on StackOverflow. stackoverflow.com/questions/48223175/child-component-is-not-updating-when-data-inside-object-is-changed/48228038#48228038

[@vijayan5041]

Thanks for this tutorial. I just have one question that I am getting [object Object] instead of actual response from the server. Could you please help? Thanks.

[@Techsithtube]

can you console.log it to see what it its? you can also look at the network tab to see what you are actually getting.

[@vijayan5041]

it's something like this"{list: {…}} list : {q: "curd", sr: "28", ds: "any", start: 0, end: 25, …} __proto__ : Object"

[@vijayan5041]

after expanding"{list: {…}} list : ds : "any" end : 25 group : "" item : (25) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}] q : "curd" sort : "n" sr : "28" start : 0 total : 231 __proto__ : constructor : ƒ Object() hasOwnProperty : ƒ hasOwnProperty() isPrototypeOf : ƒ isPrototypeOf() propertyIsEnumerable : ƒ propertyIsEnumerable() toLocaleString : ƒ toLocaleString() toString : ƒ () valueOf : ƒ valueOf() __defineGetter__ : ƒ __defineGetter__() __defineSetter__ : ƒ __defineSetter__() __lookupGetter__ : ƒ __lookupGetter__() __lookupSetter__ : ƒ __lookupSetter__() get __proto__ : ƒ __proto__() set __proto__ : ƒ __proto__() __proto__ : constructor : ƒ Object() hasOwnProperty : ƒ hasOwnProperty() isPrototypeOf : ƒ isPrototypeOf() propertyIsEnumerable : ƒ propertyIsEnumerable() toLocaleString : ƒ toLocaleString() toString : ƒ () valueOf : ƒ valueOf() __defineGetter__ : ƒ __defineGetter__() __defineSetter__ : ƒ __defineSetter__() __lookupGetter__ : ƒ __lookupGetter__() __lookupSetter__ : ƒ __lookupSetter__() get __proto__ : ƒ __proto__() set __proto__ : ƒ __proto__()"

[@Techsithtube]

ok in my example i am getting an array back so my code is written for an array. you are getting a json object so you need to change it to use that. Go it?

[@vijayan5041]

Could you please tell me exactly what should i write if i want to display this data on page?

[@yogith9417]

If you are using the in-house developed spring boot API, just adding @CrossOrigin to controller will solve the Cross Origin problem.

[@Techsithtube]

Thats awesome. is it open sourse?

[@yogith9417]

@@Techsithtube Yeah. Infact it is provided in spring framework itself, just like @RestController, @RequestMapping etc annotations. For more info on how to use it, www.baeldung.com/spring-cors

[@arunkravi3213]

Great tutorial. Thanks. Well I didn't understand the last portion of the tutorial. While giving "http post request" , its not actually getting update in the "db.json" file. Only just id increment is showing. What have to do for the getting real updation to db.json file. Anyone please give me an answer.

[@Reaper_f30]

hhmm when i set up the github and upload the db it doesnt work even copied on of the site

[@Techsithtube]

How did you uploaded this?

[@78mindhunter]

Hi, I am trying to implement your solution but when i try to consume "my" test web service (running on local development pc) at address localhost:50878 i get the cors error: Access to XMLHttpRequest at 'localhost:50878/api/causale/list/' from origin 'localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Trying to invoke your test web service I have no errors( so i think that client app has no issues and the header is correctly added). What i really don't understand is that invoking mine I get the error as if I didn't add the header (but the client app is obviously the same, changin only the server address and the value of the header i need to add). Am i missing something?

[@78mindhunter]

I found the problem: it was server side (.net core web api)... In Startup.cs I was missing then services.AddCors(); directive... perhaps you should mention in the tutorial...

[@78mindhunter]

forget what i said... there is no way to get this working...

[@Techsithtube]

Is is till the CORS issue?

[@78mindhunter]

Yes, i think i am missing something on the server. I think so because i can consume your test server even without adding any interceptor... and without adding any additional header to the request. It seems that your server accepts ANY request. In effect I can consume also my test server only if adding services.AddCors(o => o.AddPolicy("MyPolicy", builder => { builder.AllowAnyOrigin() .AllowAnyMethod() .AllowAnyHeader(); })); in the Startup.cs ConfigureServices Method and then adding app.UseCors("MyPolicy"); in the Startup.cs Configure Method But obviously this make useless the interceptor and the "custom" header added to the requests.

[@edwar8117]

De Verdad muchas gracias mi pana, desde Venezuela. saludos!!

[@ErwinCorzo]

Venezuela

[@VertoSH]

So clear and easy to understand. Nicely done ;)

[@Techsithtube]

Thanks for watching :)

[@nicholas-davis]

What VS plugins are you using?

[@Techsithtube]

Actually I am using Atom editor and the packages I am using are linter, atom-beautify, file-icons, emmet

[@InteresThingvideos]

can you tell me how do i use csrf token from the backend. please.

[@Zero_Bug_Zone]

Hello sir, As we can handle Rest Api with angular with the help of Http package . Is it possible to handle Soap Api also through Angular ?? Please let me know if you have any idea

[@Techsithtube]

look for ngx-soap, its a package that you can use with angular .

[@Zero_Bug_Zone]

Thankyou sir I find few details on this which are a bit helpful.. if you can upload a video on ngx-soap soon that would be great. Thanks a lot

[@yt1234567100]

I do not why this line not working in the code this.age = data[0].age; return undefined. Help!

[@Techsithtube]

what do you get when you console.log(data)

[@yt1234567100]

I think It might be something wrong with my JSON data, I used string to build JSON. \" to build JSON by add those strings.

[@Techsithtube]

Oh ok . Look at the network tab and copy the response. you can verify if the response if valid JSON or not.

[@yt1234567100]

thanks..

[@yt1234567100]

The data is valid, but data:any[], data[0] is array all strings. data[0] is the position of character array. For example: data[0] = {"1":"test"}, would be "{"

[@maboodahmad7289]

Cors error is not resolving after using clone request..I m using crome and rest api

[@Techsithtube]

Did you try the chome extenstion?

[@maboodahmad7289]

There was issue related to php version .It has been resolved now..And thank you so much ,such a nice tutorial.

[@sauravdas7591]

how do you put yourself in the right bootom of the video

[@Techsithtube]

Its the software camtesia, which has pic in pic feature.

[@christeennathaliyafernando]

${this.name} is not working why is that? how to write get url to get data from postgresql database?

[@Techsithtube]

It doesnt matter what database it is , as long as you have a rest api set up. WHat is your code looks like?

[@indianfootball2328]

simplified and awesome, thanks a lot

[@Devnikakiduniya]

Hi Sir , I have doudt about access control exposs how i install in my System ?

[@Techsithtube]

you mean Access-Control-Expose-Headers ?

[@Devnikakiduniya]

techsith yes

[@itcook5874]

Hai ..am getting below error , " Property 'get' does not exist on type 'HttpClientModule'.", I have followed same as vedio still am getting this error, can you please help me here?

[@Techsithtube]

Sure I can help you debug. Can you tell me what version of Angular are you using. you can go to pacakge.json and look at the version there.

[@itcook5874]

Hai thanks for you reply and great time.. below is my package.json file { "name": "trust", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^5.0.2", "@angular/common": "^5.0.2", "@angular/compiler": "^5.0.2", "@angular/compiler-cli": "^5.0.2", "@angular/core": "^5.0.2", "@angular/forms": "^5.0.2", "@angular/http": "^5.0.2", "@angular/platform-browser": "^5.0.2", "@angular/platform-browser-dynamic": "^5.0.2", "@angular/platform-server": "^5.0.2", "@angular/router": "^5.0.2", "core-js": "^2.4.1", "rxjs": "^5.4.2", "typescript": "^2.6.1", "zone.js": "^0.8.18" }, "devDependencies": { "@angular/cli": "1.4.9", "@angular/compiler-cli": "^4.2.4", "@angular/language-service": "^4.2.4", "@types/jasmine": "~2.5.53", "@types/jasminewd2": "~2.0.2", "@types/node": "~6.0.60", "codelyzer": "~3.2.0", "jasmine-core": "~2.6.2", "jasmine-spec-reporter": "~4.1.0", "karma": "~1.7.0", "karma-chrome-launcher": "~2.1.1", "karma-cli": "~1.0.1", "karma-coverage-istanbul-reporter": "^1.2.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.1.2", "ts-node": "~3.2.0", "tslint": "~5.7.0", "typescript": "~2.3.3" } }

[@itcook5874]

i have changed "HttpClientModule" to "HttpClient" .. still i get error like "compiler.js:15830 Uncaught Error: Unexpected value 'HttpClient' imported by the module 'AppModule'. Please add a @NgModule annotation." in my consloe

[@itcook5874]

Hey i got the issue.. thank you :-)

[@Techsithtube]

What was the problem?

[@RajeevKumar-jt8vl]

hey sir where use your api url..

[@Techsithtube]

I use the api url for HTTP GET and POST

[@RajeevKumar-jt8vl]

thanks sir

[@nagarjuna1207]

I might be very bad in basics but want to know why we are importing any module two times? Once in app.module.ts and again in the actual component file where we are going use. Am I missing anything

[@hemantkakodia9381]

Hi. Thanks for the tutorial. I am facing the same issue while making a GET call to cross domain, i tried to add your Interception but even after that, i am facing same issue. Any suggestion would be welcome.

[@ganapathilana7069]

need to update if your working in Angualr5 version.HttpClientModule in app.moudle.ts instead of HttpClinet. import in app.component.ts same. no change in that part

[@tayfoooooor]

what does exactly CORS prevent you from??? I thought is will prevent you requesting your local server::: e.g when using development server (angular and laravel) all on the same machine !!!!

[@Techsithtube]

A user agent makes a cross-origin HTTP request when it requests a resource from a different domain, protocol, or port than the one from which the current document originated.

[@skverskk]

Maybe I'm missing something here. So, I add the interceptor.module.ts to the root area of my Angular5 App. I then add it to the app.module.ts file. I have a service that does CRUD operations. So, the part I'm not understanding is, where does this interceptor module fit into my angular app? Do I inject it into my component? Do I have to hard code my endpoint inside the interceptor.module file? Does anyone have a code snippet showing the whole process? Thanks for any help..

[@thetravelok106]

is possible with relative path?... example this.http.post('php/test.php', { a: 'foo', b: 'bar', })

[@neerajupadhyay1509]

Dear i have an problem when i am passing parameter in your given url can you please help me into this

[@dhyanijoshi2288]

still it is giving same CORS error in my project..i dont know why

[@Techsithtube]

Did you change the settings and used the addon as i suggested. ?

[@dhyanijoshi2288]

@@Techsithtube interceptor is making no change in error...so i tried adding a chrome extension..if worked...but again it is showing error of server down since 3days...

[@dhyanijoshi2288]

i simply want to upload a file from angular to flask server via post method..

[@janasenapartyvideos]

still cors issue ->Failed to load services.groupkt.com/country/get/all: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'localhost:4200' is therefore not allowed access. The response had HTTP status code 403.

[@Techsithtube]

Have you checked the network tab to see what is being passed and received? Have you also tried the addon i suggested for chrome? if so what is its setting?

[@abhishekkamalkishor3793]

nice video, had a query ,how to send data in headers while http request, waiting to hear from you soon

[@uploadtvsd]

Thanks, for the great tutorial. Can you help me out with an example how to post data with angular 5 and CI in localhost. I succeed to fetch data using CI model and controller, but unable to post data. Its an CORS issue I think, coz POST is always showing OPTIONS and 500 in console.

[@prudhviraj8762]

Hi...can u please give a code for login and logout with user credentials using angular5

[@Techsithtube]

I am planning to build the login page. And release it soon.

[@fawadullahkhan]

can u also do RSJX overview. thanks

[@adnuzzolillo]

Very well explained, You are awesome man!

[@bhavikagarg2360]

Can you provide me your documentation on the basic Angular 5

[@Techsithtube]

I dont have any documentation . you can check out my gituhub site for code.

[@meriembader4428]

how can I get the URL of my server??

[@Techsithtube]

you can get your ip address from terminal command ipconfig and through website whatismyip .

[@FadilMucia]

Hi @Techsith and thanks for this video. I really understood how to do GET and POST. THANKS. I have a question now. Let's take this code you did here. How can I print a list of "users" that are in that JSON file? I need for sure an Array, but how can I populate an Array of a json file that exist in a URL? Thanks again. Please, if someone knows the answer, I would appreciate the help :)

[@Techsithtube]

If they are inside a json file than you would have to navigate to the array. for example returning Obj = { users:[]} then you have to say myUsersArray = Obj.users; Does that answer your question?

[@sksoumitrakar]

How to pass Cookie in header of Get request? I have been searching this since days but didn't get an answer

[@ranavaibhav1]

@techsith great tutorial, thanks so much. Can you explain how would basic authentication work in the same example?

[@sanjayprasad6776]

Thanks for the wonderful video. Sir I would like to request you to make video on lazy loading.

[@orgestbeqiri488]

Sir, you are a life savior.

[@ayushisrivastava2794]

Sir plz make a video on state management in angular 7

[@thisalma]

Thank you so much for the videos ...

[@RakeshBitling]

how client side security handled ?

[@matheusrambo8760]

Thank you so much, from Brazil!

[@أسامةسلامة-ع1ف]

what if i want to login with facebook in angular ..how to it integrated with laravel passport ??

[@Techsithtube]

you can use angularjs-social-login package that would help you login with facebook.

[@ymazalmazal1757]

Very nice, it seems to be for deeloppement only because the content of the json file is github...

[@Techsithtube]

yes it is for development only.

[@StanleyBateswar]

Explained very well. Thanks!

[@vickyjagtap7025]

how can perform crud using laravel5.5

[@Techsithtube]

can you create rest api using laravel?

[@vickyjagtap7025]

No I want to connect laravel as back end to angular 5

[@oscartang9478]

Hi sir, im from asia and do speak English, do you do a one to one online course on angular kindly ask....if so pls let me know pls thanks!

[@Techsithtube]

Yes i do one on one teaching. please send me a mail on [e-mail] and we can talk .

[@oscartang9478]

ok! thz :Q

[@anuragpatel3976]

This is really nice and helpful. it would be more better if you create components and module manually that might give better understanding of concepts. not all vedios only one would be fine.

[@Techsithtube]

Anurag I have created components manually in first few videos. basically, when you create a component via cli you would see what has been created in the command line so follow that. I have a video on JavaScript modules check it out.

[@anuragpatel3976]

Yes, I have seen your javascript videos they are really helpful.

[@fredericabdou8493]

Can you please make a tutorial on how to intercept http request to add Token Bearers?

[@Techsithtube]

Sure I will make it part of a video for "login"

[@fredericabdou8493]

techsith thanks brother

[@relangirama]

This is very informative, Thanks for this tutorial

[@Techsithtube]

Thanks for watching Ram.

[@vsooriyabandara]

This is very helpful . Thanks a lot for your effort.

[@ruchirai5775]

Nice videos.Request you to please add more questions on CSS html

[@Techsithtube]

Yes I have plan to add some more videos on CSS interview questions.