Angular Folder Structure [closed]

Question

I'm confused with the correct structure of my angular application. May i ask for advice for the correct Angular structure of my app? What is the correct structure according to the Angular docs? I'm confused. Thanks. Please see the 2 Angular structure on my image. Do i need to separate the services and models to a different folder?

Answer 1

No specific folder structure is "correct". If your application is small and you just have a few components and a single module, I would keep it simple in a flat structure. If there are lot's of modules and components, maybe group components and services in the same folder as the module where they are declared.

In any case the folder structure is not what makes your Angular app work or not, but you should make it in a way that navigating your source files is as easy and readable as possible.

Also see this: https://angular.io/guide/styleguide#flat