{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","results":{"codes":[]},"settings":"","params":[]},"next":{"description":"","pages":[]},"title":"Folder Structure","type":"basic","slug":"folder-structure","excerpt":"","body":"Laravel's folder structure is of course untouched. Below, you can get more info about the Angular structure within this Laravel application\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Angular\"\n}\n[/block]\nAngular's code base is contained inside the `/angular/` folder available at the root directory. This is to allow the flexibility of having a **folder by feature architecture** within the angular app.\n\nInside the `/angular/` folder we have the following folders:\n* pages\n* components\n* services\n* filters\n* config\n* dialogs: for custom dialogs\n* material: contains your generic custom styles\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Angular Generators\",\n  \"body\": \"Checkout the [Angular Generators](doc:angular-generators) to generate features, directives, etc.. from the comfort of your command line.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Starting point\"\n}\n[/block]\nThe main template for Angular is available at `resources/views/index.blade.php`.\n\nThis is where you can change livereload is configured (local only) and the Angular app is bootstrapped (ng-app).\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Elixir Tasks\"\n}\n[/block]\nThe `/tasks` folder contains custom gulp tasks that are used in elixir. The following tasks are configured out of the box:\n* [Angular](doc:elixir) \n* [Bower](doc:elixir)\n* [ngHtml2Js](docs:elixir)\n\nYou can add custom elixir tasks in this directory or even modify the existing tasks.","updates":[],"order":2,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"57ffd85f755a2e1700c2bb2d","project":"567083021dabd80d00b122ae","user":"567082433a32d20d00c45cab","parentDoc":null,"createdAt":"2015-12-18T23:06:20.327Z","githubsync":"","version":{"version":"3.4","version_clean":"3.4.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["57ffd85f755a2e1700c2bb06","57ffd85f755a2e1700c2bb07","57ffd85f755a2e1700c2bb08","57ffd85f755a2e1700c2bb09","57ffd85f755a2e1700c2bb0a","57ffd85f755a2e1700c2bb0b","57ffd85f755a2e1700c2bb0c","57ffd85f755a2e1700c2bb0d"],"_id":"57ffd85f755a2e1700c2bb05","project":"567083021dabd80d00b122ae","releaseDate":"2016-10-13T18:54:23.018Z","__v":1,"createdAt":"2016-10-13T18:54:23.018Z"},"__v":0,"category":{"sync":{"isSync":false,"url":""},"pages":[],"title":"Get Started","slug":"documentation","order":0,"from_sync":false,"reference":false,"_id":"57ffd85f755a2e1700c2bb06","createdAt":"2015-12-15T21:15:47.703Z","__v":0,"version":"57ffd85f755a2e1700c2bb05","project":"567083021dabd80d00b122ae"}}
Laravel's folder structure is of course untouched. Below, you can get more info about the Angular structure within this Laravel application [block:api-header] { "type": "basic", "title": "Angular" } [/block] Angular's code base is contained inside the `/angular/` folder available at the root directory. This is to allow the flexibility of having a **folder by feature architecture** within the angular app. Inside the `/angular/` folder we have the following folders: * pages * components * services * filters * config * dialogs: for custom dialogs * material: contains your generic custom styles [block:callout] { "type": "info", "title": "Angular Generators", "body": "Checkout the [Angular Generators](doc:angular-generators) to generate features, directives, etc.. from the comfort of your command line." } [/block] [block:api-header] { "type": "basic", "title": "Starting point" } [/block] The main template for Angular is available at `resources/views/index.blade.php`. This is where you can change livereload is configured (local only) and the Angular app is bootstrapped (ng-app). [block:api-header] { "type": "basic", "title": "Elixir Tasks" } [/block] The `/tasks` folder contains custom gulp tasks that are used in elixir. The following tasks are configured out of the box: * [Angular](doc:elixir) * [Bower](doc:elixir) * [ngHtml2Js](docs:elixir) You can add custom elixir tasks in this directory or even modify the existing tasks.