I want to implement carousel in angular without using bootstrap and third party library. I added this code but this didn't work I have to add carousel for the images I have added go next and goprev functionalities, where index is initialized as 0. let output Of outputimages ---> loop which contains the api result. output.ImageBinary --> contain the image in binary.

 goNext() {
this.index = this.index === this.outputimages.length ? this.index : this.index   1;

} getPrev() { this.index = this.index === 0 ? 0 : this.index - 1; }

CodePudding user response：

Well, not sure if you are making API call in order to fetch and render "next" or "prev" image each time or fetching images at once and then iterating over, but I have implemented this on stackblitz, considering the former case.

• Code: here
• Output: here

It makes use of subscriptions and setTimeout to achieve the carousal like behaviour.

Please have a look.

Thanks to https://picsum.photos/ for providing a handy API for images.