The current element works fine as
<motley-carousel></motley-carousel>
as it takes default images from carousel.component.ts and bind it using *ngFor in the template.
But, nothing changes when you pass imageArray inside the element as
<motley-carousel imageArray= []></motley-carousel>
The imageArray is defined as an @input() inside carousel.component.ts.
Problem to solve:
The carousel should take an array of objects as an input and change the default images inside it.
The current element works fine as
<motley-carousel></motley-carousel>as it takes default images from
carousel.component.tsand bind it using*ngForin the template.But, nothing changes when you pass
imageArrayinside the element as<motley-carousel imageArray= []></motley-carousel>The imageArray is defined as an @input() inside
carousel.component.ts.Problem to solve:
The carousel should take an array of objects as an input and change the default images inside it.