Hands-On Full Stack Web Development with Angular 6 and Laravel 5

Adding a new module

In this example, we will, so that you can see how to build applications using the Angular CLI. Even in this very basic example, we will cover the following points:

• How to organize an Angular application
• Creating modules
• Creating services
• Template data binding
• Running an application in production

Now, let's create a module that shows us a list of beers:

1. Open VS Code, and, inside the integrated Terminal, type the following command:

ng g module beers

Note that the command ng g module is a shortcut to ng generate module <module-name>, and this command just creates the module; we need to add routes, components, and templates, and also import the beers module in app.modules.ts, at the root of the app folder. The preceding ...