LayZeeDK

flowchart TD
    A[Deploy to production] --> B{Is it Friday?};
    B -- Yes --> C[Do not deploy!];
    B -- No --> D[Run deploy.sh to deploy!]
    C ----> E[Enjoy your weekend!];
    D ----> E[Enjoy your weekend!];

LayZeeDK

Ordering of Angular component class members

Use the following order of groups to organize Angular components:

1. Private properties.
2. Data binding properties.
3. View and content properties.
4. UI properties.
5. Component API properties.
6. Constructor.
7. Lifecycle hooks.
8. Event handlers.

LayZeeDK

import { HttpClientTestingModule } from '@angular/common/http/testing';
import { Component, Injectable, Input, OnDestroy } from '@angular/core';
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { ActivatedRouteSnapshot, NavigationEnd, Route, Router } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
import { Subject } from 'rxjs';
import { filter, map, takeUntil, tap } from 'rxjs/operators';

interface Breadcrumb {

LayZeeDK

import { inject, InjectionToken } from '@angular/core';

import { LumberjackLogDriverConfig, lumberjackLogDriverConfigToken } from '@ngworker/lumberjack';

export const myLogDriverConfigToken = new InjectionToken<LumberjackLogDriverConfig>('__MY_LOG_DRIVER_CONFIG__', {
  factory: () => inject(lumberjackLogDriverConfigToken),
});

LayZeeDK

import { Injectable, Inject } from '@angular/core';

import { configToken } from './config.token';
import { Config } from './config';

@Injectable({
  providedIn: 'any', // 👈 Tree-shakable, only bundled if used
})
export class ConfigService {
  constructor(@Inject(configToken) private config: Config) {

LayZeeDK

import { Location } from '@angular/common';
import { Component, Injectable, NgModule, NgZone } from '@angular/core';
import { TestBed } from '@angular/core/testing';
import { Router, RouterModule, Routes } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
import { of } from 'rxjs';

import { AuthGuard } from './auth.guard';
import { AuthService } from './auth.service';

LayZeeDK

import {
  ActivatedRouteSnapshot,
  Params,
  Route,
  Router,
  RouterStateSnapshot,
  UrlSegment,
} from '@angular/router';

import { AuthGuard } from './auth.guard';

LayZeeDK

import { DOCUMENT } from '@angular/common';
import { Inject, Injectable, Renderer2 } from '@angular/core';
import { Observable, ReplaySubject } from 'rxjs';
import { switchMapTo, tap } from 'rxjs/operators';

@Injectable({
  providedIn: 'root',
})
export class ScriptService {
  private scriptLoaded = new Map<string, Observable<void>>();

LayZeeDK

<div *ngIf="hero">
  <h2>
    {{hero.name | uppercase}} Details
  </h2>

  <div>
    <span>id:</span>
    {{hero.id}}
  </div>

LayZeeDK

<div *ngIf="hero">
  <h2>
    {{hero.name | uppercase}} Details
  </h2>

  <div>
    <span>id:</span>
    {{hero.id}}
  </div>