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

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 2

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 :-)