This project is an application skeleton for an ideal AngularJS web app. You can use it with a minimal configuration to easily bootstrap your angular projects.
The seed contains the AngularJS and RequireJS libraries, and a clean directory structure for your app. Just clone the repo (or download the zip/tarball), start up a web server and you are ready to develop with a minimum effort.
The sample app in this seed doesn't do much, just shows how to hook up couple of controllers and views together. You can check it out by opening index.html in your browser (using a local web server of course!)
The directory structure is flexible. It doesn't have to be in the following structure. You can always change it from config.js
.
root
|
├── js
| |
| ├── app
| | |
| | ├── controllers
| | ├── directives
| | ├── filters
| | ├── services
| | ├── views
| | |
| | ├── config.js
| | └── main.js
| |
| └── lib
| |
| ├── angular.js
| ├── ng-app.js
| └── require.js
|
└── index.html
- Step 1 - For each application, copy the
app
directory and place it where you like. - Step 2 - Rename the directory.
- Step 3 - Open up
config.js
, and modify it to match your app configuration:
define({
appName: 'YourAppName',
appDir: '/js/app',
libDir: '/js/lib',
routes: {
'/path' : 'subdir/Controller1',
'/path/with/:id' : 'subdir/Controller2',
'/more/path' : 'Controller3'
}
});
Notice that, the controllers and views can be organized by placing them under sub-directories. But it still works, if you wish to place them directly under the controllers
and views
directories.