Inside ng-repeater it is not working

[NirbhayK]

OUTPUT:

<img ez-plus="" ezp-model="{thumb:'http://xyz/images/product/M/1189_M1.jpg', small:'http://xyz/images/product/M/1189_M1.jpg', large:'http://xyz/images/product/M/1189_M1.jpg'}" ezp-options="{scrollZoom: true,  initial: 'small'}" class="ng-isolate-scope" src="{{product.productImageUrl}}" data-zoom-image="{{product.productImageUrl}}"> 

CODE

 <tr ng-repeat="product in productList"  >
        <td> 
            <table class="tableclass">
                <tr><td><img  ez-plus 
    ezp-model="{thumb:'{{product.productImageUrl}}', small:'{{product.productImageUrl}}', large:'{{product.productImageUrl}}'}"
    ezp-options="{scrollZoom: true,  initial: 'small'}" ></img>

    </td></tr>
                <tr><td style="height: 65px;">{{product.title}} {{product.size}}</td></tr>

            </table>
        </td>     
</tr>  

Where XYZ is my domain

[igorlino]

@NirbhayK may I bother you if you could please create a working example , preferably creating a question at stackoverflow http://stackoverflow.com/ (they offer the new feature: code snippet)

There is a probability of much more people can help in stackoverflow. I currently lack time for issues, so I hope others can help.

[CristalT]

You must remove {{ }} from the object items values. You might have something like this: {thumb: product.productImageUrl, small: product.productImageUrl, large: product.productImageUrl}

[Tkd-Alex]

Not work also for me in ng-repeat

---

EDIT Fixed associating a single ZoomContainer for each image

ezp-options="{ scrollZoom: true,  initial: 'small', container: 'Container-' + array.indexOf(Item) }"