Angular

How to get a Reference to the Window Object in an Angular 8 Application

There are many articles on the web showing various methods of getting a reference to the window object in Angular (primarily through the dependency injection mechanism). However those that are popular on Google search are from 2016, 2017, etc, and the methods are mostly overly complicated (understandably).

~1 min read

Why you should use trackBy with Angular’s *ngFor loop

trackBy is a function which will return a unique identifier for each item in the array provided to *ngFor.

Normally when the array changes, Angular re-renders the whole DOM tree. But if you use trackBy, Angular will know which element has changed and will only make DOM changes for that particular element.

2 min read
Back to Top ↑

Javascript

Back to Top ↑

*ngFor

Why you should use trackBy with Angular’s *ngFor loop

trackBy is a function which will return a unique identifier for each item in the array provided to *ngFor.

Normally when the array changes, Angular re-renders the whole DOM tree. But if you use trackBy, Angular will know which element has changed and will only make DOM changes for that particular element.

2 min read
Back to Top ↑

Angular CLI

Back to Top ↑

Typescript

Back to Top ↑

ControlValueAccessor

Back to Top ↑

Custom Form Control

Back to Top ↑

trackBy

Why you should use trackBy with Angular’s *ngFor loop

trackBy is a function which will return a unique identifier for each item in the array provided to *ngFor.

Normally when the array changes, Angular re-renders the whole DOM tree. But if you use trackBy, Angular will know which element has changed and will only make DOM changes for that particular element.

2 min read
Back to Top ↑

Google Places Autocomplete

Back to Top ↑

Directives

Back to Top ↑

Directive

Back to Top ↑

Google Maps

Back to Top ↑

AGM

Back to Top ↑

Directions Service

Back to Top ↑

Directions Renderer

Back to Top ↑

Waypoints

Back to Top ↑

Fragment Navigation

Back to Top ↑

Spread Operator

Back to Top ↑

RxJs

Back to Top ↑

shareReplay

Back to Top ↑

Form Arrays

Back to Top ↑

Url Protocol

Back to Top ↑

Date and Time Formatting

Back to Top ↑

Javascript Date Object

Back to Top ↑

jsPDF

Back to Top ↑

PDF Generation with Angular

Back to Top ↑

Bootstrap 4

Back to Top ↑

SCSS

Back to Top ↑

agGrid

Back to Top ↑

agGrid Checkbox Selection

Back to Top ↑

Exceptions

Back to Top ↑

Exception Handling

Back to Top ↑

try/catch

Back to Top ↑

Router Resolver

Back to Top ↑

Strongly Typed Reactive Forms

Back to Top ↑

Reactive Forms

Back to Top ↑

html time

Back to Top ↑

State Management

Back to Top ↑

Window Object

How to get a Reference to the Window Object in an Angular 8 Application

There are many articles on the web showing various methods of getting a reference to the window object in Angular (primarily through the dependency injection mechanism). However those that are popular on Google search are from 2016, 2017, etc, and the methods are mostly overly complicated (understandably).

~1 min read
Back to Top ↑

Nebular

Back to Top ↑

NbDialogService

Back to Top ↑

Deep Cloning Objects

Back to Top ↑

Laravel

Back to Top ↑

Laravel Validation Errors

Back to Top ↑

HttpErrorResponse

Back to Top ↑

Proxy Redirect

Back to Top ↑

Retry Failed Requests

Back to Top ↑

Nebular UI Kit

Back to Top ↑

nb-sidebar

Back to Top ↑

Databases

Back to Top ↑

Automation

Back to Top ↑