Code

Template Essentials#4

Code

Open

kristofkox wants to merge 66 commits intoultimatecourses:mainultimatecourses/angular-basics-seed:mainfrom kristofkox:mainkristofkox/angular-basics-seed:mainCopy head branch name to clipboard

+662-9

Commits

Commits on Oct 25, 2023

• Template Essentials

  

  Kristof Kox

  committed
  22f4f1e

• Create a Smart Container Component

  

  Kristof Kox

  committed
  87b2ec7

Commits on Oct 26, 2023

• Use the NgOnInit Lifecycle Hook

  

  Kristof Kox

  committed
  437dc7d

• Type Definitions with Interfaces

  

  Kristof Kox

  committed
  8badf78

• Create and Render a Dumb Component

  

  Kristof Kox

  committed
  03c64e9

• Pass State to Dumb Components via @input

  

  Kristof Kox

  committed
  9845b7c

• Scoped Styles in Components

  

  Kristof Kox

  committed
  a798766

• Style a Host Element

  

  Kristof Kox

  committed
  2719925

• View Encapsulation: Shadow DOM and Emulated

  

  Kristof Kox

  committed
  7c38f4f

Commits on Oct 27, 2023

• Set Inline Styles with Style Bindings

  

  Kristof Kox

  committed
  fccc4e0

• Complex Inline Styles with NgStyle

  

  Kristof Kox

  committed
  3f0b10a

• Set Classes with Class Bindings

  

  Kristof Kox

  committed
  c482fd9

• Complex Classes with NgClass

  

  Kristof Kox

  committed
  5fd890f

• Use a Pipe to Format Currency

  

  Kristof Kox

  committed
  855a7e1

Commits on Oct 29, 2023

• Use NgIf for Conditional Rendering

  

  Kristof Kox

  committed
  246bb73

• <ng-container>

  Show description for e78b14f
  

  Kristof Kox

  committed
  e78b14f

Commits on Oct 30, 2023

• NgIf Syntax with <ng-template> vs <ng-container>

  

  Kristof Kox

  committed
  9562c7b

• NgFor and Iterating Collections

  

  Kristof Kox

  committed
  739e4d3

• Improve NgFor Performance with TrackBy

  

  Kristof Kox

  committed
  1ef48c5

Commits on Nov 5, 2023

• Access NgFor Index, Odd and Even Variables

  

  Kristof Kox

  committed
  b249923

• undo Access NgFor Index, Odd and Even Variables

  

  Kristof Kox

  committed
  da4b909

• Advanced NgFor Syntax with <ng-template>

  

  Kristof Kox

  committed
  c6d7a58

• Use NgSwitch for Case Rendering

  

  Kristof Kox

  committed
  45a1977

• Advanced NgSwitch Syntax with <ng-template>

  

  Kristof Kox

  committed
  c8733e2

Commits on Dec 18, 2023

• Create a Form Container and Dumb Component

  

  Kristof Kox

  committed
  d91e665

• <input> Binding with ngModel

  

  Kristof Kox

  committed
  8f07f3b

• Radio Button Binding with NgModel

  

  Kristof Kox

  committed
  7418226

• <select> and <option> Rendering and Binding

  

  Kristof Kox

  committed
  63d2709

• Textarea Binding with NgModel

  

  Kristof Kox

  committed
  4185810

• Add Validation Constraints and Form Status

  

  Kristof Kox

  committed
  45ebc0f

• NgModel Template Refs and Validation States

  

  Kristof Kox

  committed
  d8edf3d

• Show Error Messages on Validation Change

  

  Kristof Kox

  committed
  4fe06db

Commits on Dec 19, 2023

• Form Submit with NgSubmit

  

  Kristof Kox

  committed
  a4e503f

• Disable Submit and Safety Check Submissions

  

  Kristof Kox

  committed
  58c82a1

• Trigger Validation Messages On Submit

  

  Kristof Kox

  committed
  5f850f4

• Control NgModel Writes with ngModelOptions

  

  Kristof Kox

  committed
  b63fe0e

• Trigger a Form State and Validation Reset

  

  Kristof Kox

  committed
  3ac177e

• Show Visual Feedback on Form Submission

  

  Kristof Kox

  committed
  0a041f0

• Emit Form Payload to Smart Container via @ou

  

  Kristof Kox

  committed
  09a039e

• One-Way Data Binding to NgModel

  

  Kristof Kox

  committed
  6cd5fe4

Commits on Dec 20, 2023

• Create an @Injectable Service

  

  Kristof Kox

  committed
  63a31c4

• Share State in Components via Services

  

  Kristof Kox

  committed
  5555e3d

• Class Methods as State Selectors

  

  Kristof Kox

  committed
  f1b5b47

• Immutable State Creation

  

  Kristof Kox

  committed
  8d5a3eb

• Immutable State Updates

  

  Kristof Kox

  committed
  c2c9b3e

• Immutable State Deletions

  

  Kristof Kox

  committed
  aed3951

Commits on Dec 21, 2023

• Configure and Proxy a Local HTTP Server

  

  Kristof Kox

  committed
  e96c1b6

• Read Data with HttpClient GET

  

  Kristof Kox

  committed
  c5badc4

• Store State with Observable Pipes

  

  Kristof Kox

  committed
  7b53d3c

• Branch off an Observable to Access State

  

  Kristof Kox

  committed
  ae6dfd1

• Create Data with HttpClient POST

  

  Kristof Kox

  committed
  f5db8ce

Commits on Dec 27, 2023

• Update Data with HttpClient PUT

  

  Kristof Kox

  committed
  2787ccf

• Delete Data with HttpClient DELETE

  

  Kristof Kox

  committed
  289934f

• Error Handling with catchError() and throwError

  

  Kristof Kox

  committed
  5de3bea

• Retry Failed Requests with retry()

  

  Kristof Kox

  committed
  db9165e

• Use retryWhen() to Delay Retries

  

  Kristof Kox

  committed
  fecd885

• Set HttpHeaders and RequestOptions

  

  Kristof Kox

  committed
  eb8ae60

Commits on Dec 28, 2023

• Root Module Routes with forRoot()

  

  Kristof Kox

  committed
  e2e5679

• Create Nested Child Routes

  

  Kristof Kox

  committed
  1304551

• Redirect Routes to New Paths

  

  Kristof Kox

  committed
  1b986e7

• Handle 404 Not Found Routes with Wildcards

  

  Kristof Kox

  committed
  a7f92f7

• Lazy-Loading Feature Modules

  

  Kristof Kox

  committed
  a52e70c

• Declarative Navigation with routerLink Directiv

  

  Kristof Kox

  committed
  e5c1c45

• Dynamic Route Params and ActivatedRoute

  

  Kristof Kox

  committed
  098ffcd

• Pass Custom Data to Routed Components

  

  Kristof Kox

  committed
  70ff13a

• Programmatic Navigation with Router.navigate(

  

  Kristof Kox

  committed
  6d0cd08