@angular-eslint/eslint-plugin

Premade configs

• Premade configs

Rules

Possible problems

Key

• ✅ = recommended
• 🔧 = fixable
• 💡 = has suggestions

Rule	Description	✅	🔧	💡
contextual-lifecycle	Ensures that lifecycle methods are used in a correct context	✅
no-async-lifecycle-method	Angular Lifecycle methods should not be async. Angular does not wait for async lifecycle but the code incorrectly suggests it does.
no-attribute-decorator	The @Attribute decorator is used to obtain a single value for an attribute. This is a much less common use-case than getting a stream of values (using @Input), so often the @Attribute decorator is mistakenly used when @Input was what was intended. This rule disallows usage of @Attribute decorator altogether in order to prevent these mistakes.
sort-lifecycle-methods	Ensures that lifecycle methods are declared in order of execution

Suggestions

Key

• ✅ = recommended
• 🔧 = fixable
• 💡 = has suggestions

Rule	Description	✅	🔧	💡
component-class-suffix	Classes decorated with @Component must have suffix "Component" (or custom) in their name. See more at https://angular.io/styleguide#style-02-03	✅
component-max-inline-declarations	Enforces a maximum number of lines in inline template, styles and animations. See more at https://angular.io/guide/styleguide#style-05-04
component-selector	Component selectors should follow given naming rules. See more at https://angular.io/guide/styleguide#style-02-07, https://angular.io/guide/styleguide#style-05-02 and https://angular.io/guide/styleguide#style-05-03.
consistent-component-styles	Ensures component styles/styleUrl with string is used over styles/styleUrls when there is only a single string in the array		🔧
contextual-decorator	Ensures that classes use contextual decorators in its body
directive-class-suffix	Classes decorated with @Directive must have suffix "Directive" (or custom) in their name. See more at https://angular.io/styleguide#style-02-03	✅
directive-selector	Directive selectors should follow given naming rules. See more at https://angular.io/guide/styleguide#style-02-06 and https://angular.io/guide/styleguide#style-02-08.
no-conflicting-lifecycle	Ensures that directives not implement conflicting lifecycle interfaces.
no-empty-lifecycle-method	Disallows declaring empty lifecycle methods	✅		💡
no-forward-ref	Disallows usage of forwardRef references for DI
no-host-metadata-property	Disallows usage of the host metadata property. See more at https://angular.io/styleguide#style-06-03	✅
no-input-prefix	Ensures that input bindings, including aliases, are not named or prefixed by the configured disallowed prefixes
no-input-rename	Ensures that input bindings are not aliased	✅	🔧	💡
no-inputs-metadata-property	Disallows usage of the inputs metadata property. See more at https://angular.io/styleguide#style-05-12	✅
no-lifecycle-call	Disallows explicit calls to lifecycle methods
no-output-native	Ensures that output bindings, including aliases, are not named as standard DOM events	✅
no-output-on-prefix	Ensures that output bindings, including aliases, are not named "on", nor prefixed with it. See more at https://angular.io/guide/styleguide#style-05-16	✅
no-output-rename	Ensures that output bindings are not aliased	✅	🔧	💡
no-outputs-metadata-property	Disallows usage of the outputs metadata property. See more at https://angular.io/styleguide#style-05-12	✅
no-pipe-impure	Disallows the declaration of impure pipes			💡
no-queries-metadata-property	Disallows usage of the queries metadata property. See more at https://angular.io/styleguide#style-05-12.
pipe-prefix	Enforce consistent prefix for pipes.
prefer-on-push-component-change-detection	Ensures component's changeDetection is set to ChangeDetectionStrategy.OnPush			💡
prefer-output-readonly	Prefer to declare @Output as readonly since they are not supposed to be reassigned			💡
prefer-standalone	Ensures component, directive and pipe standalone property is set to true in the component decorator		🔧
relative-url-prefix	The ./ and ../ prefix is standard syntax for relative URLs; don't depend on Angular's current ability to do without that prefix. See more at https://angular.io/styleguide#style-05-04
require-localize-metadata	Ensures that $localize tagged messages contain helpful metadata to aid with translations.
sort-ngmodule-metadata-arrays	Ensures ASC alphabetical order for NgModule metadata arrays for easy visual scanning		🔧
use-component-selector	Component selector must be declared
use-component-view-encapsulation	Disallows using ViewEncapsulation.None			💡
use-injectable-provided-in	Using the providedIn property makes Injectables tree-shakable			💡
use-lifecycle-interface	Ensures that classes implement lifecycle interfaces corresponding to the declared lifecycle methods. See more at https://angular.io/styleguide#style-09-01
use-pipe-transform-interface	Ensures that Pipes implement PipeTransform interface	✅	🔧

Deprecated

Rule	Replaced by
prefer-standalone-component	prefer-standalone