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 :+1: