Inspectopedia Help

Angular

Ambiguous component tag  

Reports a component that is matched on an embedded template element <ng-template> or multiple components matched on any other element.

Angular CLI add dependency  

Suggests using the ng add command to install the dependency.

Content inside <ng-content> tag  

Reports a text or tag occurrence inside a <ng-content> tag used for content projection.

Inaccessible component member or directive input  

Reports access to invisible (private or protected) component member or directive input from an Angular template.

Incorrect component template definition  

Reports a component that doesn’t have an associated template or uses both template and templateUrl properties.

Incorrect usage of Angular block  

Reports problems with Angular blocks.

Insecure binding to event  

Reports a binding to an event property or attribute, for example, [onclick] or [attr.onclick] instead of (click).

Invalid animation trigger assignment  

Reports an invalid assignment of an animation trigger.

Invalid binding type  

Reports a mismatch between actual and expected directive binding type.

Invalid entry component  

Reports an invalid Angular component specified in the module’s bootstrap or entryComponents property.

Invalid i18n attribute  

Reports a problem with a i18n-* attribute.

Invalid imported or declared symbol  

Reports any symbol that is declared, imported or exported by an Angular module or standalone component that is not a module, component, directive, or pipe or can’t be used in the context of the property.

Invalid usage of imports in non-standalone components  

Reports usages of imports property in non-standalone component decorators.

Issues with ngSrc usage in img tags  

Reports issues related to usage of ngSrc (NgOptimizedDirective) on img tags.

Missing event handler  

Reports a missing event handler statement for an event binding.

Missing or invalid component, directive or pipe declaration in a module  

Reports a non-standalone Angular component, directive, or pipe that is not declared in any module or is declared in multiple modules.

Missing or invalid selector  

Reports an invalid selector property of a component or directive.

Missing required directive input  

Reports a missing binding for a required directive input.

Multiple structural directives on one element  

Reports multiple structural directives (*ngIf, *ngFor, etc.) on one element.

Non-iterable type in @for block  

Reports that the type of variable to iterate over does not have [Symbol.iterator]() method, which returns an iterator.

Problems with @defer `on` triggers  

Reports issues with triggers in `on` parameters in `@defer` block.

Recursive import or export of an Angular module or a standalone component  

Reports a cyclic dependency between Angular modules or standalone components.

Unbound or ambiguous template reference variable  

Reports a template reference variable that is not assigned to a directive when using exportAs or is assigned to multiple directives.

Undefined binding  

Reports an undefined property, event, or structural directive bindings on elements.

Undefined export from Angular module  

Reports an export of an undeclared or unimported component, directive, or pipes from an Angular module.

Undefined tag  

Reports a tag defined by a component or directive out of the current scope.

Last modified: 18 June 2024