Show one slide at a time at regular intervals

Question

1) Using AngularJS in VS 2017, I need to show one slide at a time from the bottom left of the page for 4 seconds.

2) Then the slide should fade out from right to left. There will be pause for 4 seconds.

3) Now the next slide is shown from the bottom left of the page for 4 seconds.

4) Continue repeating steps 2 & 3.

Please provide AngularJS code example for the above task.

Your reply will be greatly appreciated.