Angular Member Sequence Standards

Standard Metadata

• Area: Angular
• Owner: Frontend Steering Group
• Last reviewed: 2026-09-09
• Next review due from: 2026-12-01
• Enforcement: ESLint / code review
• Status: Active

Methods and properties must be grouped · NG-02.1 · MUST

@Input()
@Output()
@ViewChild()
@ViewChildren()
Properties
@HostListener()
Setters/Getters
Constructor
Angular lifecycle hooks
Private methods
Protected methods
Public methods

This could be extended by grouping everything either side of the contructor into regions based on what part of the component they are for. Leaving the Angular lifecycle methods in between the constructor and the methods for the component.

// Componenent/directive/pipe functionality 1
@Input()
@Output()
@ViewChild()
@ViewChildren()
Properties
@HostListener()
Setters/Getters

// Componenent/directive/pipe functionality 2
@Input()
@Output()
@ViewChild()
@ViewChildren()
Properties
@HostListener()
Setters/Getters

...

Constructor

Angular lifecycle hooks

// Componenent/directive/pipe functionality 1
Private methods
Protected methods
Public methods

// Componenent/directive/pipe functionality 2
Private methods
Protected methods
Public methods

...