Можно работать с угловыми js ng-repeat и turn.js?

Question

Я пытаюсь сделать журнал, используя turn.js и angular.js

Я использую angular для анализа файла json и извлечения пути изображения для использования его в переменной $scope в моем представлении с помощью ng-repeat и turn.js, чтобы сделать анимацию флипбука, чтобы div выглядел как журнал.

Но он не генерирует флипбук и просто рисует изображения один за другим.

Пожалуйста помоги! Я положил код прямо здесь

HTML

       <div id="flipbook" class="flipbook"ng-repeat="slide in slides">
        <div><img src="{{slide.path_main}}"></div>
       </div>      


</div>

Flipbook init

   $("#flipbook").turn({
        width: 1724,
        height: 772,
        autoCenter: true
    });

Answer 1

Я понял это, добавив ngrepeat во внутренний div флипбок! Это была такая глупая вещь, но теперь у меня есть свой флипбук!

Answer 2

Я не верю, что есть renderComplete событие или что-то подобное в угловых; вам, возможно, придется использовать $timeout как предложено здесь.

// i'm taking assumptions with your code, but...

$scope.slides = [];

$http.get('/data/slides.json').success(function(data){

  $scope.slides = data;

  $timeout(function(){

    $("#flipbook").turn({
      width: 1724,
      height: 772,
      autoCenter: true
    });

  }, 0);

});