LayZeeDK

flowchart TD
    A[ContentChild] --> B;
    B{Is static?} -- No --> C;
    B -- Yes --> D;
    C[Make the query<br>type optional] --> E(Access in<br>ngAfterContentInit<br>or later);
    D(Add assertion<br>in ngOnInit or<br>ngOnChanges) --> F;
    F[Add ! to<br>the query type] --> G(Access in<br>ngOnInit<br>or later)

LayZeeDK

PS> az deployment sub what-if --location westeurope --template-file ./bicep/main.bicep
Note: The result may contain false positive predictions (noise).
You can help us improve the accuracy of the result by opening an issue here: https://aka.ms/WhatIfIssues

Resource and property changes are indicated with these symbols:
  + Create                                                                                                                            oviders/Microsoft
  ~ Modify
  = Nochange

The deployment will update the following scopes

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. Injected dependencies.
2. Private properties.
3. Data binding properties.
4. View and content properties.
5. UI properties.
6. Component API properties.
7. Constructor.
8. Lifecycle hooks.

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>>();