Angular cannot detect input value changes using @Input()

I use set-get in order to detect changes in Angular and pass value from parent to child as shown below:

parent:

<child [employeeId]="empId"></child>

child:

private _employeeIdId: number;

@Input() set employeeIdId(value: number) {
    this._employeeIdId = value;

    // set dropdown value
}

get employeeIdId(){
    return this._employeeIdId;
}

After updating record, I want to pass empId from parent to child to refresh the table list (refetch again with the same Id). But as this value is already the same, set employeeIdId does not fired. Any idea how to fix it?

30 thoughts on “Angular cannot detect input value changes using @Input()”

Leave a Comment