MEAN Web Development by Amos Q. Haviv

Author:Amos Q. Haviv [Haviv, Amos Q.]
Language: eng
Format: epub, pdf
Publisher: Packt Publishing
Published: 2014-09-25T00:00:00+00:00

Now that you have AngularJS installed and included in the main application page, it is time to understand how to organize your AngularJS application's structure.

Structuring an AngularJS application

As you might remember from Chapter 3, Building an Express Web Application, your application's structure depends on the complexity of your application. We previously decided to use the horizontal approach for the entire MEAN application; however, as we stated before, MEAN applications can be constructed in various ways, and an AngularJS application structure is a different topic, which is often discussed by the community and the AngularJS development team. There are many doctrines for different purposes, some of which are a bit more complicated, while others offer a simpler approach. In this section, we'll introduce a recommended structure. Since AngularJS is a frontend framework, you'll use the public folder of our Express application as the root folder for the AngularJS application so that every file is available statically.

The AngularJS team offers several options to structure your application according to its complexity. A simple application will have a horizontal structure where entities are arranged in modules and folders according to their type, and a main application file is placed at the root folder of the application. An example application structure of that kind can be viewed in the following screenshot:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.