Angular 1.5: Recommended structure for component based application?

Question

Up until now I have been building my application using the following structure.

/src
    /components
       /shared
          /messagebox
          /alertbox
       /Home
       /About

So as you can see I have shared components which are components being used on other components / pages. and I have the concept of Home, About which are also components (which translate to viewable pages) as everything in Angular is now supposed to be a component - right?

Does anyone have a better implementation of the structure of a NG 1.5 app?

I now need to create some filters and as far as I am aware I cannot hang these off of a component, so where is the based place for putting this type of file?

Also other things that come to mind are constants, services etc.

There is no recommendation on Angular docs site as far as I can see.

github.com/toddmotto/angular-styleguide#scalable-file-structure, general services, directives, filters should be on the same level as components. Naming conventions are also important. — gyc
– gyc, Commented Jul 13, 2016 at 6:09

Ilia Choly · Accepted Answer · 2018-04-05 15:41:08Z

1

The one which i used to follow for my project is :

project
  /www
    /assets
    /components           // directives
      /accordion
        /accordion.html
        /accordion-directive.js
        /accordion-controller.js
        /accordion-controller-test.js
    /core                 // shared services
       /route
         /router-service.js 
    /sections             // pages we build by adding components
       /registration-page
         /registration.html
         /registration-controller.js
         /registration-controller-test.js
    app.js         
    index.html
    index-controller.js
    app-configuration.json // for keeping constants

this might help you.Please check.

edited Apr 5, 2018 at 15:41

Ilia Choly

18.6k14 gold badges95 silver badges166 bronze badges

answered Jul 13, 2016 at 5:26

Aravind

2,3401 gold badge14 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ndee Over a year ago

acCordion-controller.js

Collectives™ on Stack Overflow

Angular 1.5: Recommended structure for component based application?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related