Angular Cheat Sheet

ng new my-app                        # scaffold a new projectng serve                             # dev server with live reloadng generate component my-component   # shorthand: ng g c my-componentng generate service my-service       # shorthand: ng g s my-serviceng build --configuration production  # production buildng test                              # run unit testsng add @angular/material             # add and configure a library

import { Component } from '@angular/core';@Component({  selector: 'app-hello',  standalone: true,  template: `    <h1>{{ title }}</h1>    <ul>      <li *ngFor='let item of items'>{{ item.name }}</li>    </ul>    <input [(ngModel)]='search' />    <button (click)='increment()'>+1</button>  `,})export class HelloComponent {  title = 'Hello Angular';  items = [{ name: 'One' }, { name: 'Two' }];  search = '';  count = 0;  increment() {    this.count++;  }}

import { Injectable, inject } from '@angular/core';import { HttpClient } from '@angular/common/http';@Injectable({ providedIn: 'root' })export class DataService {  private http = inject(HttpClient);  getUsers() {    return this.http.get('/api/users');  }}// consuming the service in a componentexport class UsersComponent {  private dataService = inject(DataService);}