gretaivan / angular

Angular first app

This project was generated with Angular CLI version 13.2.0.

Installation and use

• To install Angular globally npm install -g @angular/cli
• to start project from the template ng new <app name>

To run

• ng serve OR ng serve --port <PORT>

Useful comands for development

• To generate a component ng generate component <componentName> OR ng g c <componentName>
• to generate other elements ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

Important concepts:

• Property binding - variables
• Event binding
• Two way binding - variable and event manipulation combined
• Directives - intructions for the DOM. E.g. For example it allow creation of new elements in DOM depending on the trigger. components are also directives
  • *ngIf - structural directive, they add and remove elements
  • Attribute directives don't add or remove elements, they only change the element they are placed on, such as:
    • [ngStyle]="{ method or css expression}"

Angular CLI Overview and Command Reference page.