Setting value on array, it is not updating child component - Angular

user_148271 0
Viewed 279

I'm trying to prevent triplicate values and handling the logic in parent component. However, it successfully prevents 3rd value once, but not subsequent times. The problem is when setting value on array, it is not updating child component. I'm trying to understand why it is not behaving the same way on subsequent times...

Reproduces here

angular components input
1 Answers

The problem is that there is no change in the Input property the second time onwards.

You are reassiging the same value (i.e., empty string literal oValues[oNumber] = '';) to the property in your array.

e.g. for oValues[3]

First change: Previous value = '2', new value = ' '

Here Angular change detection detects the change on the Input property.

Second change: Previous value = ' ', New value = ' '

Here Angular change detection does not detect a change in the value of the Input property.

So basically Angular change detection triggers only if it finds a change in the Input property's value.

user_83674680
Related