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

  Copy full SHA for 22f4f1e

• Create a Smart Container Component

  

  Kristof Kox

  committed
  87b2ec7

  Copy full SHA for 87b2ec7

Commits on Oct 26, 2023

• Use the NgOnInit Lifecycle Hook

  

  Kristof Kox

  committed
  437dc7d

  Copy full SHA for 437dc7d

• Type Definitions with Interfaces

  

  Kristof Kox

  committed
  8badf78

  Copy full SHA for 8badf78

• Create and Render a Dumb Component

  

  Kristof Kox

  committed
  03c64e9

  Copy full SHA for 03c64e9

• Pass State to Dumb Components via @input

  

  Kristof Kox

  committed
  9845b7c

  Copy full SHA for 9845b7c

• Scoped Styles in Components

  

  Kristof Kox

  committed
  a798766

  Copy full SHA for a798766

• Style a Host Element

  

  Kristof Kox

  committed
  2719925

  Copy full SHA for 2719925

• View Encapsulation: Shadow DOM and Emulated

  

  Kristof Kox

  committed
  7c38f4f

  Copy full SHA for 7c38f4f

Commits on Oct 27, 2023

• Set Inline Styles with Style Bindings

  

  Kristof Kox

  committed
  fccc4e0

  Copy full SHA for fccc4e0

• Complex Inline Styles with NgStyle

  

  Kristof Kox

  committed
  3f0b10a

  Copy full SHA for 3f0b10a

• Set Classes with Class Bindings

  

  Kristof Kox

  committed
  c482fd9

  Copy full SHA for c482fd9

• Complex Classes with NgClass

  

  Kristof Kox

  committed
  5fd890f

  Copy full SHA for 5fd890f

• Use a Pipe to Format Currency

  

  Kristof Kox

  committed
  855a7e1

  Copy full SHA for 855a7e1

Commits on Oct 29, 2023

• Use NgIf for Conditional Rendering

  

  Kristof Kox

  committed
  246bb73

  Copy full SHA for 246bb73

• <ng-container>

  Show description for e78b14f
  

  Kristof Kox

  committed
  e78b14f

  Copy full SHA for e78b14f

Commits on Oct 30, 2023

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

  

  Kristof Kox

  committed
  9562c7b

  Copy full SHA for 9562c7b

• NgFor and Iterating Collections

  

  Kristof Kox

  committed
  739e4d3

  Copy full SHA for 739e4d3

• Improve NgFor Performance with TrackBy

  

  Kristof Kox

  committed
  1ef48c5

  Copy full SHA for 1ef48c5

Commits on Nov 5, 2023

• Access NgFor Index, Odd and Even Variables

  

  Kristof Kox

  committed
  b249923

  Copy full SHA for b249923

• undo Access NgFor Index, Odd and Even Variables

  

  Kristof Kox

  committed
  da4b909

  Copy full SHA for da4b909

• Advanced NgFor Syntax with <ng-template>

  

  Kristof Kox

  committed
  c6d7a58

  Copy full SHA for c6d7a58

• Use NgSwitch for Case Rendering

  

  Kristof Kox

  committed
  45a1977

  Copy full SHA for 45a1977

• Advanced NgSwitch Syntax with <ng-template>

  

  Kristof Kox

  committed
  c8733e2

  Copy full SHA for c8733e2

Commits on Dec 18, 2023

• Create a Form Container and Dumb Component

  

  Kristof Kox

  committed
  d91e665

  Copy full SHA for d91e665

• <input> Binding with ngModel

  

  Kristof Kox

  committed
  8f07f3b

  Copy full SHA for 8f07f3b

• Radio Button Binding with NgModel

  

  Kristof Kox

  committed
  7418226

  Copy full SHA for 7418226

• <select> and <option> Rendering and Binding

  

  Kristof Kox

  committed
  63d2709

  Copy full SHA for 63d2709

• Textarea Binding with NgModel

  

  Kristof Kox

  committed
  4185810

  Copy full SHA for 4185810

• Add Validation Constraints and Form Status

  

  Kristof Kox

  committed
  45ebc0f

  Copy full SHA for 45ebc0f

• NgModel Template Refs and Validation States

  

  Kristof Kox

  committed
  d8edf3d

  Copy full SHA for d8edf3d

• Show Error Messages on Validation Change

  

  Kristof Kox

  committed
  4fe06db

  Copy full SHA for 4fe06db

Commits on Dec 19, 2023

• Form Submit with NgSubmit

  

  Kristof Kox

  committed
  a4e503f

  Copy full SHA for a4e503f

• Disable Submit and Safety Check Submissions

  

  Kristof Kox

  committed
  58c82a1

  Copy full SHA for 58c82a1

• Trigger Validation Messages On Submit

  

  Kristof Kox

  committed
  5f850f4

  Copy full SHA for 5f850f4

• Control NgModel Writes with ngModelOptions

  

  Kristof Kox

  committed
  b63fe0e

  Copy full SHA for b63fe0e

• Trigger a Form State and Validation Reset

  

  Kristof Kox

  committed
  3ac177e

  Copy full SHA for 3ac177e

• Show Visual Feedback on Form Submission

  

  Kristof Kox

  committed
  0a041f0

  Copy full SHA for 0a041f0

• Emit Form Payload to Smart Container via @ou

  

  Kristof Kox

  committed
  09a039e

  Copy full SHA for 09a039e

• One-Way Data Binding to NgModel

  

  Kristof Kox

  committed
  6cd5fe4

  Copy full SHA for 6cd5fe4

Commits on Dec 20, 2023

• Create an @Injectable Service

  

  Kristof Kox

  committed
  63a31c4

  Copy full SHA for 63a31c4

• Share State in Components via Services

  

  Kristof Kox

  committed
  5555e3d

  Copy full SHA for 5555e3d

• Class Methods as State Selectors

  

  Kristof Kox

  committed
  f1b5b47

  Copy full SHA for f1b5b47

• Immutable State Creation

  

  Kristof Kox

  committed
  8d5a3eb

  Copy full SHA for 8d5a3eb

• Immutable State Updates

  

  Kristof Kox

  committed
  c2c9b3e

  Copy full SHA for c2c9b3e

• Immutable State Deletions

  

  Kristof Kox

  committed
  aed3951

  Copy full SHA for aed3951

Commits on Dec 21, 2023

• Configure and Proxy a Local HTTP Server

  

  Kristof Kox

  committed
  e96c1b6

  Copy full SHA for e96c1b6

• Read Data with HttpClient GET

  

  Kristof Kox

  committed
  c5badc4

  Copy full SHA for c5badc4

• Store State with Observable Pipes

  

  Kristof Kox

  committed
  7b53d3c

  Copy full SHA for 7b53d3c

• Branch off an Observable to Access State

  

  Kristof Kox

  committed
  ae6dfd1

  Copy full SHA for ae6dfd1

• Create Data with HttpClient POST

  

  Kristof Kox

  committed
  f5db8ce

  Copy full SHA for f5db8ce

Commits on Dec 27, 2023

• Update Data with HttpClient PUT

  

  Kristof Kox

  committed
  2787ccf

  Copy full SHA for 2787ccf

• Delete Data with HttpClient DELETE

  

  Kristof Kox

  committed
  289934f

  Copy full SHA for 289934f

• Error Handling with catchError() and throwError

  

  Kristof Kox

  committed
  5de3bea

  Copy full SHA for 5de3bea

• Retry Failed Requests with retry()

  

  Kristof Kox

  committed
  db9165e

  Copy full SHA for db9165e

• Use retryWhen() to Delay Retries

  

  Kristof Kox

  committed
  fecd885

  Copy full SHA for fecd885

• Set HttpHeaders and RequestOptions

  

  Kristof Kox

  committed
  eb8ae60

  Copy full SHA for eb8ae60

Commits on Dec 28, 2023

• Root Module Routes with forRoot()

  

  Kristof Kox

  committed
  e2e5679

  Copy full SHA for e2e5679

• Create Nested Child Routes

  

  Kristof Kox

  committed
  1304551

  Copy full SHA for 1304551

• Redirect Routes to New Paths

  

  Kristof Kox

  committed
  1b986e7

  Copy full SHA for 1b986e7

• Handle 404 Not Found Routes with Wildcards

  

  Kristof Kox

  committed
  a7f92f7

  Copy full SHA for a7f92f7

• Lazy-Loading Feature Modules

  

  Kristof Kox

  committed
  a52e70c

  Copy full SHA for a52e70c

• Declarative Navigation with routerLink Directiv

  

  Kristof Kox

  committed
  e5c1c45

  Copy full SHA for e5c1c45

• Dynamic Route Params and ActivatedRoute

  

  Kristof Kox

  committed
  098ffcd

  Copy full SHA for 098ffcd

• Pass Custom Data to Routed Components

  

  Kristof Kox

  committed
  70ff13a

  Copy full SHA for 70ff13a

• Programmatic Navigation with Router.navigate(

  

  Kristof Kox

  committed
  6d0cd08

  Copy full SHA for 6d0cd08