'Nested @input properties in angular

I have three components with @Input properties with the same name.

The for the first child component everything works.

For the 2nd nested component the property change never fires.

However, when I change the name of the property that is bound everything works.

Is there some sort of issue when using nested @Inputs with the same property name?

Fails

  <app-available-funds-ledger [assignedTotal]="assignedTotal"

  ></app-available-funds-ledger>

Works

  <app-available-funds-ledger [assignedTotal]="differentPropertyName"

  ></app-available-funds-ledger>

angular

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source