Strict framework-injected properties in Angular components

content-child.md

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)

Loading

content-children.md

flowchart TD
    A[ContentChildren] --> B;
    B[Add ! to<br>the query type] --> C(Access in<br>ngAfterContentInit<br>or later);

Loading

input-property.md

flowchart TD
    Z[Input property] --> A;
    A{Is required?} -- No --> B;
    A -- Yes --> F(Add assertion<br>in ngOnInit or<br>ngOnChanges);
    F --> G;
    B{Has default value?} -- No --> C[Make the input<br>type optional];
    B -- Yes --> D;
    D{Depends on other<br>input properties?} -- No --> E(Initialize in<br>the constructor);
    D -- Yes --> G[Add ! to<br>the input type]

Loading

view-child.md

flowchart TD
    A[ViewChild] --> B;
    B{Is static?} -- No --> C;
    B -- Yes --> D;
    C[Make the query type optional] --> E(Access in<br>ngAfterViewInit<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)

Loading

view-children.md

flowchart TD
    A[ViewChildren] --> B;
    B[Add ! to<br>the query type] --> C(Access in<br>ngAfterViewInit<br>or later);

Loading

This is neat @LayZeeDK, thanks!

Thank you, @alvaromartmart. It's based on this 4 year old comment by @rkirov.

Dope!