Modify HTTP Data using Pipe

[@abderrahmankhalladi7577]

man thanks i've been looking for long

[@2023AllInOneEntertainment]

those who are getting error here "propertiesArray.push(data[id]);" solution is " propertiesArray.push(data[id as keyof object]);"

[@meseretzewde9536]

thanks

[@fridi419]

is this done to tell typescript id is a field of the object and not a string?

[@shashankshukla5438]

Or just make the typeof data to any in map( (data: any).... not sure if this violates TS laws of strict type or not!

[@shashankshukla5438]

Also @Sandeep Kumar, would you be kind enough to explain what's going on here? data[id as keyof Object], the as keyof Object part? I did not understand why it works or how it works, TS docs isn't helpful at all! T.I.A.

[@rahamathullahibrahim9303]

Thanks For the Solution.. it works perfectly...

[@AJSpeller]

I like your work. Please continue with the great tutorials.

[@Saveyy1]

at 3:07 adding constructor(private housingService: HousingService) { this.properties = []; } removes the error for me.

[@subhamsoy1280]

thanks

[@thui09]

Thank you sir, you saved my life

[@StudyMash]

Really

[@chuchotech5513]

hello, I got an error when I introduce this line propertiesArray.push(data[id]); (TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Object'.) so,I have to introduce in the tsconfig this option "suppressImplicitAnyIndexErrors": true, and stop and start the angular project

[@nawelmeziane454]

thank you so much , I got this error and I didn't know what to do until I read your comment

[@akgg7834]

wasted one day and then after this message I was able to fix. thanks for the update

[@nylonnalini]

I got a Deprecation error on using "suppressImplicitAnyIndexErrors" and had to add '"ignoreDeprecations": "5.0"' to tsconfig to get it to work.

[@ConstantinAlexandru-xf5zn]

adding definite assignment assertion "!" to the @Input fixed my error export class PropertyCardComponent { @Input() property!: IProperty; }

[@michca123]

Please help. Pause at 2:57 to 2:58 i get an error line 18: data[id] is underlined red The message is: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Object'. No index signature with a parameter of type 'string' was found on type 'Object'.ts(7053)

[@StudyMash]

Can you give me the github link to your code

[@ntt2k]

Can you explain why you decided to: return this.http.get('data/properties.json') in your housing.service. ts, with a pipe & map? How would it be different from: return this.http.get('data/properties.json') Do they deliver the same results? The pipe/map seems like there's a lot more confusing code involved, unless there is a benefit to using them. Can you please clarify? Thanks.

[@StudyMash]

Agree, it will work perfectly with your code without pipe and map as well upto this point, But in case you would like catch some error or handle that in service method only, you will have to use pipe operate to intercept the same. And also in this tutorial we will further filter the data specific for sell or buy flag , so just wanted to show how we can intercept the response in using pipe and we can manipulate or map it to any other kind of object using map operator. Thanks for sharing your example and question, it really helps other as well to understand the concepts.

[@ntt2k]

@@StudyMash Thanks for the explanation! Your channel is definitely underrated. I hope more people stumble across this channel, as I have, because you do explain these concepts really well!

[@StudyMash]

Thanks a lot buddy, such appreciations really keep me motivated to improve me more and more.

[@paskahlsimarmata137]

why my data[id] error in 2:29...Please Help

[@kumarvivek4665]

same error i got !! any solution?

[@mrtrader3661]

I have error in this line: propertiesArray.push(data[id]); no index signature with a parameter of type 'string' was found on type 'object' angular

[@tanweerkhan4751]

"The element is implicitly of type "any" because the expression of type "string" cannot be used for the index type "Object". No index signature with a parameter of the type "string" was found for the type "object". Ts (7053)" I will be thanksfull for your support

[@fatimashehzadi8604]

i have the same error its gone by writting "suppressImplicitAnyIndexErrors": true, in 'tsconfig.json' i hope this will help.

[@fatimashehzadi8604]

let me know if its help full or not?

[@nawalfatima6220]

@@fatimashehzadi8604 lots of duas for you girl i was stuck on it so bad. lots of prayers. stay blessed

[@fatimashehzadi8604]

@@nawalfatima6220 Ameen! thanks a lots

[@akshitapurohit9145]

Hi@@fatimashehzadi8604 , I was stuck at same point, its now working fine with "suppressImplicitAnyIndexErrors": true, however the data[id] in service file is still showing red underline, is that okay?

[@sohaibalvi6989]

data => { const propertiesArray : Array =[]; for(const id in data) { if(data.hasOwnProperty(id)) { propertiesArray.push(data[id]); } } return propertiesArray; } Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Object'. No index signature with a parameter of type 'string' was found on type 'Object'. propertiesArray.push(data[id]);

[@muhammadgul1049]

nice

[@abinkrajan2329]

Hi sir, I get TS7053 error when using properties.push(data[i])

[@StudyMash]

Can you share the github link to your code

[@varghamehregan1183]

I got the same Error ( No index signature with a parameter of type 'string' was found on type 'Object'.)

[@punit20270]

what is observable and observer in angular?

[@StudyMash]

Observable: Produces data streams. Observer: Consumes and reacts to data streams emitted by an Observable

[@DreamCatcher201]

Following in March 2022: The Webpack 5 has come out -- "console.log" will not work. error TS2307: Cannot find module 'console' or its corresponding type declarations. 3 import { Console } from 'console';

[@avinashg2008]

@Input() property: IProperty; "Here I am getting 'property' has no initializer and is not defined in constructor" error. If I set it to undefined as well then property in template starts giving error. Please comment. Thanks for another excellent video

[@StudyMash]

Is that defined in constructor

[@Saeefar]

I am getting following errors 1... "Property 'properties' has no initializer and is not definitely assigned in the constructor.", 2.... "Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Object'. No index signature with a parameter of type 'string' was found on type 'Object'.",

[@nawalfatima6220]

first one is resolved by initializing in constructor read previous comment by savvey1

[@nawalfatima6220]

for second error see above comment

[@MrMoffettbrandon]

go to tsconfig.json and set "strict" : false to fix

[@arnabpattanayak8289]

@@MrMoffettbrandon It works for me. Thank you a lot 🙏

[@greencoder3795]

Set "strict":false in tsconfig.json file , it worked for me

[@sohampatra1207]

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Object'. No index signature with a parameter of type 'string' was found on type 'Object'.ts(7053) "What to do for this error"

[@DB-zh8gy]

have the same problem any solution?

[@aslamhossain8435]

same problem

[@naveenkumarshetty650]

same issue

[@fridi419]

@@aslamhossain8435 did u fix

[@shashankshukla5438]

make these adjustments: map( (data:any).... rest remains the same. Here you're telling TS that the data you're receiving is an "ANY" type object and NOT an "Object" type. I think it violates the TS laws but that's just the workaround I found. @StudyMash AM I correct here?

[@PriyankaSharma-qt4nt]

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Object'. No index signature with a parameter of type 'string' was found on type 'Object'.ts(7053) how to solve this error??

[@vaynard94]

why intellisense in my vs code does not show the property attribute like yours? But if I mistype it ex. property.Nmae, it will show error "Propery 'Nmae' does not exist on type 'IProperty'".

[@vaynard94]

got the answer, Angular Essentials didnt installed properly. Thank you

[@kasperkat2004]

@@vaynard94 I also had that problem. I disabled it, then enabled it and restarted vs code. now it works. I also uninstalled some other intellisense extensions as they may have been interfering.

[@somaihamza1516]

@@kasperkat2004 it worked for me but it shows object object ( excuse me but this angular is a pain in the ass)

[@vaynard94]

Is this interface the same as class in c#? but in different concept?

[@StudyMash]

Purpose is same to define a contract with the type that implement it.

[@vaynard94]

sounds interesting. will there be back end session in this course? or should i look in "Build Real World Web Application with ASP.NET Core and MVC Framework"? thank you

[@StudyMash]

Yes, I will connect it with backend, but meanwhile it is good to get some idea from that course.

[@nawalfatima6220]

im unable to access data id this is the error im gettin in vs code : Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Object'. No index signature with a parameter of type 'string' was found on type 'Object'.ts(7053) if i try to console log data in service file in for in loop i get the whole array.but in the same code block im unable to access id from the data object

[@StudyMash]

If you can provide the github link to your code I can look where the problem is

[@lipunpatel9599]

@@StudyMash Hi Sir, I am also getting the same error - github link - github.com/lipun619/HSPA.git Please look into it once

[@tendulkrish3573]

@@lipunpatel9599 same problem here also. Did you got any solution?

[@MrMoffettbrandon]

go to tsconfig.json and set "strict" : false to fix

[@phuongngaphan2525]

@@MrMoffettbrandon oh i fixed it, thank you

[@danieletilocca7637]

i have the problem 'Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Object'. No index signature with a parameter of type 'string' was found on type 'Object'.'. i tried writing "suppressImplicitAnyIndexErrors": true, in 'tsconfig.json', but it doesn't work. any help?

[@danieletilocca7637]

if it doesn't work and i can't fix it, can i use "any" and continue the playlist without following this video? thanks

[@StudyMash]

Ok if you are able to go with any, you can proceed with that. Do you have this code available on github, may be I would be able to find the issue if you can provide me github link

[@danieletilocca7637]

@@StudyMash it's weird because now it seems it works, there aren't any errors, but i don't see the list of properties when i use "ng serve"... it only appears the nav-bar. i try to upload on github

[@danieletilocca7637]

how can i give you the link of github?

[@StudyMash]

you can watch this (kzbin.info/www/bejne/gKW1f5ispNl3Zqs) video to learn how to add your code to github repository, in that way, when ever you have problem you can share the link to me and I can look your code.

[@Chan_1641]

Hi sir. Can you share this Particular Tutorial Source, To Clear my Errors and Doubts

[@StudyMash]

github.com/webtrainer-in/HSPA

[@maheshuppala71]

Error: src/app/services/housing.service.ts:20:32 - error TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Object'. No index signature with a parameter of type 'string' was found on type 'Object'. 20 propertiesArray.push(data[id]); I am getting this error please helpme

[@StudyMash]

Seems you have not initialized properties Array as an array.

[@daniwalker1996]

@@StudyMash how to initialized ? any body can help??

[@daniwalker1996]

did you solve it ?

[@nehemiahlimocheburet1411]

how did you solve it?

[@nehemiahlimocheburet1411]

am still waiting for some response on this, hello @Study Mash

[@tripshower2all]

How to handle httperror inside pipe

[@TaniaAkter-ql4ow]

Hi,Sir...now I'm ur big fan...Thanks a lot...But when i import interface in my list.component.ts file I got an error:Can't find module'../IProperty.interface'....Please help me.....

[@StudyMash]

You must be not pointing it to the correct folder where you have placed your interface.

[@TaniaAkter-ql4ow]

@@StudyMash I created interface file in property folder...please tell me where should I create interface???

[@StudyMash]

@@TaniaAkter-ql4ow It doesn't matter where you create your interface, but when importing it in any other file you will have to correctly point to that directory. Otherwise you will get error.

[@srinivasrapaka4729]

This error will caused by failure of the ng server u can run with different port it will work