angular annotorious not working with turn js

[sathish-optisol]

view code for turn js
<div ng-repeat="page in pagesData" style="background-image:url({{constant.bookImageUrlMed}}{{page.page_image}})"></div>

view code for turn js with annotorious
<div ng-repeat="page in pagesData" style="background-image:url({{constant.bookImageUrlMed}}{{page.page_image}})"><img class="aaaaaaaa_{{$index}}" id="aaaaaaaa_{{$index}}" style="" src="{{constant.bookImageUrlMed}}{{page.page_image}}"/></div>

Controller
```
for(var i=0;i<$scope.pagesData.length;i++){
var photo = angular.element(document).find(".aaaaaaaa_"+i)[0];
annotoriousService.makeAnnotatable(photo);
annotoriousService.setProperties({
outline: '#00f',
stroke: '#ff0000',
fill: 'rgba(255, 0, 0, 0.3)',
'hi_stroke': '#00ff00',
'hi_fill': 'rgba(0, 255, 0, 0.3)'
});
)

but it only works for 1st page.

[igorlino]

Hi,

when you create/generate a new template, you need to recreate the annotation initialization. (its default behaviour from annotorious)

You may find a better explanation here:
http://stackoverflow.com/questions/30720798/how-to-use-annotorious-with-angular

Don't forget to rate the answers in stackoverflow 👍