Recomended Code/Project Structure for angularjs

Question

I am newbie to angularjs and i have to know the code structure and directory structure in angularjs

My directory Structure

My Doubts are

1)I want to know is the above directory structure is correct

2)Is it advisable to use controller for every individual module separately

3)Is correct way to write all run ,config and declaring module plugin in the same file (ex:app.js)

In my understanding, directory structure is for you. It helps you maintain code. Also every module should have separate controllers, and for any dependent modules, you can have services. Third, app.js is for configuration of app and all initialization of plugins should be done here. In an Idea scenario, app.js known wxgernal resources and initialize them. Controller should not be aware about the logic of initializing them. — Rajesh Dixit
– Rajesh Dixit, Commented Apr 12, 2016 at 4:38
Thanks @Rajesh for clearing doubts,could you share any sample where the project is with controllers,directives,services and factory,it would help me refine,because i've a huge doubt in working of services and factory — madhavan
– madhavan, Commented Apr 12, 2016 at 4:43

lokeshjain2008 · Accepted Answer · 2016-04-12 05:23:29Z

1

There is most widely accepted style guide for angularjs projects even angular team support this style guide by john papa. He is the active member in the angular core community. He has created style guide for angular1 and angular2.

even you can use yeoman tool to get scaffolding done for you and they follow these style guide angular project generator.

follow the instruction, after that it will be like

yo angular [app-name]

answered Apr 12, 2016 at 5:23

lokeshjain2008

1,9111 gold badge24 silver badges39 bronze badges

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

2 Comments

John Papa Over a year ago

glad you liked the style guide :)

lokeshjain2008 Over a year ago

I am so glad to see your comment @JohnPapa :). yeah, your style guide is our official style guide .

Pardeep Jain · Accepted Answer · 2016-04-12 05:54:05Z

0

I want to know is the above directory structure is correct.

Its totally depends on you how would you organize you project setup, there is nothing hard and fast rule that you have to follow to setup your project structure. well if we talk about your structure it seems to be good setup you have established except images folder i would prefer image folder in the asset folder. otherwise your setup seems to be fine.

is it advisable to use controller for every individual module separately

Yes, its good practice to use a separate controller for every module, and categorize them as per you folder structure.

although there are a lot of projects are there from where you can easily got your all answers, also there are many popular repository's are there which describe the best folder structure for the project setup you can also refer to most popular style guide of angular here -

answered Apr 12, 2016 at 5:54

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

2 Comments

madhavan Over a year ago

on which way i should go ahead @pardeep jain

Pardeep Jain Over a year ago

Which you found more reliable and efficient according to your use case, i recomend john papa style guide @madhavan

Collectives™ on Stack Overflow

Recomended Code/Project Structure for angularjs

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related