Error implementing and declaring DoCheck and OnChanges event in class

Question

All the best,

Well, my problem is when implementing the events (OnChanges, DoCheck) in my component and it's fine, but when executing the "ng lint" command I get an error that these events are not well declared or implemented, so I have structured the events in my component but I get an error, so my question is if I'm doing something wrong or is there another way to implement them:

ERROR:

18:43  error  Implementing DoCheck and OnChanges in a class is not recommended          @angular-eslint/no-conflicting-lifecycle
18:52  error  Implementing DoCheck and OnChanges in a class is not recommended          @angular-eslint/no-conflicting-lifecycle
68:3   error  Declaring ngDoCheck and ngOnChanges method in a class is not recommended  @angular-eslint/no-conflicting-lifecycle
125:3   error  Declaring ngDoCheck and ngOnChanges method in a class is not recommended  @angular-eslint/no-conflicting-lifecycle

CODIGO:

import {
  Component, DoCheck, EventEmitter, Input, IterableDiffers, OnChanges,
  Output, SimpleChange
} from '@angular/core';

export class DualListComponent implements DoCheck, OnChanges {
    ...
}

ngOnChanges(changeRecord: { [key: string]: SimpleChange }): void {
    ...
}

ngDoCheck(): void {  
    ...
}

Zze · Accepted Answer · 2022-03-04 19:05:25Z

1

When the default change detector detects changes, it invokes ngOnChanges() if supplied, regardless of whether you perform additional change detection. Typically, you should not use both DoCheck and OnChanges to respond to changes on the same input.

https://angular.io/api/core/DoCheck#usage-notes

It is just enforcing the recommendation from Angular not to implement these together in the same component.

answered Mar 4, 2022 at 19:05

Zze

18.9k14 gold badges95 silver badges125 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Deivis Andres Herrera Julio Over a year ago

Investigating the documentation that you have recommended and the tests that I have carried out, these 2 events should not be implemented together, so I have to use one of the 2 and not both at the same time. Thanks.

Collectives™ on Stack Overflow

Error implementing and declaring DoCheck and OnChanges event in class

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related