/Angular-Core-Concepts

Provides a simple demo application covering Angular core concepts (components, services, modules, routing)

Primary LanguageTypeScript

Angular Core Concepts

This project shows several core features of Angular including:

  • Components
  • Data Binding
  • Communication between components
  • Services
  • Routing

Run and edit the app on Stackblitz

Running the Project Locally

  1. Install the Angular CLI

    npm install -g @angular/cli

  2. Run npm install

  3. Run ng serve -o

Running the Project Using Docker Containers

  1. Install the Angular CLI

    npm install -g @angular/cli

  2. Run npm install

  3. Build the project

    ng build

  4. Run docker-compose build

  5. Run docker-compose up

  6. Visit http://localhost

If you'd like to run the production version run docker-compose -f docker-compose.prod.yml [build | up]. This uses a multi-stage Docker build process to create the nginx image for the Angular app.