Trying to understand the Angular Framework

Question

I have done a bit of react programming. Decided to take the two angular courses. It's a bit confusing to me. I have JetBrains IDE (WebStorm) which supports Angular, but the project code from Angular exercises do not work on WebStorm for some reason.

It looks like SoloLearn's Angular might be different somehow. SoloLearn suggest things like @for. While in WebStorm it says the correct way is to use *ngFor. My AI says it's because @for is not native to Angular and that is probably implemented by some framework. But I haven't been able to identify what that is.

My goal is to build a real project in WebStorm along side of the course because that's how I learn best. But why is the SoloLearn Angular environment so different? What do I need to do to replicate the SoloLearn environment on my local WebStorm Angular environment? Even my AI doesn't seem to know. :)

Anyone have some strength in this environment that can guide me on this?

Answer 1

I am not sure how I fixed it, but I was able to get WebStorm to compile the Angular code properly. I updated WebStorm and I also had rebooted my computer. It could be there was something goofy that got fixed that way.

Thanks for jumping in guys. It does not look like there was a framework issue. Just typical "update and reboot". That seems to fix things sometimes.

Answer 2

*ngFor is standard even if webstorm is not there. I have Webstorm 2024.2

Answer 3

what Angular version are you using? Maybe it's an lsp issue. You might need to update things.

I don't have Webstorm, but here is the Webstorm/Angular page. Maybe there's something useful in it...

https://www.jetbrains.com/help/webstorm/angular.html

Answer 4

at the university in 2022, between February and May we used: "@angular/core": "13.2.3", with "@ionic/angular": "^6.0.8" to make a mobile app. there the syntax was: <div *ngIf="service. ..." ... > ; <p *ngFor="..." ... >

since that I didn't really use angular.

AI is a human-made something. so absolutely not perfect :-)