This post is helpful for those who want to implement image zoom feature on there web application. For this post i am going to use cloud-zoom library. This post is very helpful if you building web application  for e-commerce etc. Most of eCommerce website have this feature but if you are building your own same feature in your application using angular then follow bellow steps. Before we start implement cloud zoom i hope u have good understanding of angular.js .

Step 1. Create html file and angular CDN and also add cloud zoom CSS and library. I also add some raw data as constant to set data.

Step 2. Now create app.js file for your angular code and paste bellow code in it

And done.