Shulou(Shulou.com)06/02 Report--

This article is about AngularJs project file structure. Xiaobian thinks it is quite practical, so share it with everyone for reference. Let's follow Xiaobian and have a look.

Common file organization:

app/

----- controllers/

---------- mainController.js

---------- otherController.js

----- directives/

---------- mainDirective.js

---------- otherDirective.js

----- services/

---------- userService.js

---------- itemService.js

----- js/

---------- bootstrap.js

---------- jquery.js

----- app.js

views/

----- mainView.html

----- otherView.html

----- index.html

A better way to organize documents is as follows:

app/

----- shared/ // acts as reusable components or partials of our site

---------- sidebar/

--------------- sidebarDirective.js

--------------- sidebarView.html

---------- article/

--------------- articleDirective.js

--------------- articleView.html

----- components/ // each component is treated as a mini Angular app

---------- home/

--------------- homeController.js

--------------- homeService.js

--------------- homeView.html

---------- blog/

--------------- blogController.js

--------------- blogService.js

--------------- blogView.html

----- app.module.js

----- app.routes.js

assets/

----- img/ // Images and icons for your app

----- css/ // All styles and style related files (SCSS or LESS files)

----- js/ // JavaScript files written for your app that are not for angular

----- libs/ // Third-party libraries such as jQuery, Moment, Underscore, etc.

index.html

Thank you for reading! About "AngularJs project file structure is what kind of" this article is shared here, I hope the above content can be of some help to everyone, so that everyone can learn more knowledge, if you think the article is good, you can share it to let more people see it!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.