Using Service and HTTP calls in Angular 9

[@abhaygupta7258]

There is a lot of learning from your tutorial ..please keep making videos

[@abhayyadav4270]

sir mera help kr skte h

[@TheinHtay-x7y]

Thanks you so much for sharing. I get a lot of knowledge. It is very helpful for me.

[@syedmohsinali8485]

The concept you are define in any part which clear and understandable.

[@GaneshKumar-ne2ms]

Sir excellent explanation about services. Thanks.

[@kasperkat2004]

The music is good--the course is excellent!

[@StudyMash]

Thanks Kasper, I was thinking to change music in my next video, I was planning to add intro after few minute of discussion instead of playing at start of video.

[@amitoshkumar7473]

Great effort.. Keep it up.

[@ritamghosh3550]

Thank you very much, it helped me a lot........

[@greencoder3795]

Awesome content , i am learning a lot from your video , thank u sir.

[@StudyMash]

Glad to hear that, thanks for taking time for appreciating.

[@vaynard94]

Greeting from Indonesia. Keep up the good work

[@StudyMash]

Thanks, hope everything is fine in Indonesia

[@vaynard94]

@@StudyMash Thank you, hope its fine too in your country. My opinion, your tutorial video is awesome. The given information, details, tips and tricks and how to do it are so great. I enjoyed it so much. Cannot wait to learn on your next videos.

[@devenshah3653]

so far so good, following it closely.

[@DecentProgrammer]

nice video

[@gauravlamba4820]

It keeps showing me this error although my data folder is inside the src and at same level as app-"Failed to load resource: the server responded with a status of 404 (Not Found)".. what do i do ?

[@BaljeetKaur-jl3se]

Please make project using database, EF core for services

[@pascalsegoete1706]

Hello I'm having this issue I cant seem to find a proper fix import { Component, OnInit } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-property-list', templateUrl: './property-list.component.html', styleUrls: ['./property-list.component.css'] }) export class PropertyListComponent implements OnInit { properties: Array; ☠//its says 'properties' has no initializer and is not definitely assigned in the constructor.☠ constructor(private http:HttpClient) { } ngOnInit(): void { this.http.get("data/properties.json"). subscribe((data) =>console.log(data)) } }

[@akshitapurohit9145]

Hey! Were you able to identify the resolution? I am stuck at the same step

[@pascalsegoete1706]

@@akshitapurohit9145 No I'm still stuck there

[@akshitapurohit9145]

@@pascalsegoete1706 It started working for me with below: properties: any;

[@pascalsegoete1706]

@@akshitapurohit9145 Thank you very much for finding a solution to this problem I can finally continue with the progress 🙏

[@chuchotech5513]

I had back to this video because it is not clear for me what data means in the code. I guess when you say data=>console.log(data) you are implementing an arrow function used in ES6? and the value in data coming from the http.get() the json file, correct? is data an array?

[@StudyMash]

Data is what ever we get in the response, it can be string, number or anything. Here in this case it contains array.

[@georgecosminmarinica6656]

For anyone getting the error 404 not found! PAY ATTENTION TO THE ASSETS SECTION, I had this issue because i added the src/data folder in the test assets category, you need it to add it to the first one in angular.json, in the build section

[@shubhamjain3101]

Thanks, yes and to be specific, you are talking about angular.json file

[@noorulaarefinsyed4393]

in the latest version of angular , i am getting error of Property 'subscribe' does not exist on type ! help ?!

[@jonsnow3909]

try this subscribe({ next: data => { this.properties = data; console.log(data) }

[@greencoder3795]

Can we do all stuffs in visual studio 19 rather than in visual studio code ?

[@StudyMash]

Yes, you can do

[@faraazahmed9631]

404 not found. Can anyone please help me to progress further. My folder is placed in correct place, and also added the strictInitialization to false, but still getting 404 error. I’m stuck can anyone help please

[@chandanadas7860]

getEmployees():Observable why dont you use this type of conversion of Observable.??im confused its required or not? Please reply

[@StudyMash]

Yes you can use that as well

[@ashrithsista3667]

I have done the same process what have been shown in this module... but after running the application the data was not showing in the browser. In console it is showing error " Failed to load resource: the server responded with a status of 404 (Not Found)" .

[@StudyMash]

Data file must be at different folder than the one service is looking for

[@ashrithsista3667]

@@StudyMash Thank you. It Worked.

[@catan.sales0160]

Hi Buddy! The http GET method for fetching data from folder data/properties.json is not works! message: "Http failure response for localhost:4200/data/properties.json: 404

[@catan.sales0160]

I figured it out! please ignore this question!

[@amanjain3698]

i also want that answer plzz help me when you got it @Catan. SALES01

[@SeemaNelouferSN]

@@catan.sales0160 please help!

[@kasperkat2004]

Hi all, I suggest using this on .json files: Fix JSON (Oliver Sturm) . It's on VScode.

[@iftekharahmed7874]

When this project will complete?? Bro

[@carloscabrera3127]

Error: 'HttpClientModule' does not appear to be an NgModule class.(-996002)

[@TOPTECHY8]

Cannot GET /data/properties.json

[@jayakumar2927]

I have follow your video same settings but not working API can you resolve this

[@StudyMash]

Can you provide github link to your code ?

[@jayakumar2927]

@@StudyMash i have mailed you check and let me know

[@TOPTECHY8]

Failed to load resource: the server responded with a status of 404 (Not Found)

[@lgiorgos1]

why not subscribe in the service and store the data in the service? In this way I guess you would have global access to it.

[@StudyMash]

Sorry buddy, did not get, could you please provide an example ?

[@lgiorgos1]

@@StudyMash for example in http.service.ts export class HttpService { property: object={} getAll(){ return this.http.get(`api_url`).subscribe(data => this.property = data); } }

[@henimex]

For Property initialization failed error you can add "strictPropertyInitialization": false to tsconfig.json file

[@devenshah3653]

that worked. Thanks.

[@daniwalker1996]

i am getting error data is not coming

[@saurabh8378]

Error: Property 'properties' has no initializer and is not definitely assigned in the constructor.

[@akshitapurohit9145]

Hey! I am getting the same error. Were you able to figure out the resolution?

[@saurabh8378]

Try adding "strictPropertyInitialization": false under angularCompilerOptions in tsconfig.json @@akshitapurohit9145

[@amulyavn5660]

@@saurabh8378 Thanks a lot! Even I was facing the same error ,your solution helped

[@franmilisavljevic145]

I know its kinda late but what worked for me was adding import { HttpClient } from '@angular/common/http'; at the top of my property-list.components.ts file.

[@vivekgajjar1469]

please work a api and after get data

[@Sai-vi2wi]

what is you git account name

[@StudyMash]

github.com/webtrainer-in/HSPA

[@rathinakarthi2360]

It is throwing NOT FOUND 404 error

[@jayakumar2927]

I have mailed to you my github repo. can you reply

[@StudyMash]

seems you have deleted the github link. But from the screen shots you sent on mail, it look like you have not the entry of data in angular.json file in assets node. Please check if you have entry for data as shown below in angular.json file "assets": [ "src/favicon.ico", "src/assets", "src/data" ],

[@SeemaNelouferSN]

Failed to load resource: the server responded with a status of 404 (Not Found)

[@SeemaNelouferSN]

Cannot GET /data/properties.json

[@StudyMash]

It is available on git repository