1

turn.js と angular.js を使って雑誌を作ろうとしています

angularを使用してjsonファイルを解析し、ng-repeatを使用してビューの$scope変数で使用するための画像パスを抽出し、turn.jsを使用してフリップブックアニメーションを作成して、divを雑誌のように見せています。

ただし、フリップブックは生成されず、画像を次々に描画するだけです。

助けてください！ここにコードを入れます

HTML

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


</div>

フリップブック初期化

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

2 に答える 2

0

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);

});
于 2015-02-26T22:53:29.840 に答える
-1

Flipbok の内部 div に ngrepeat を追加することで解決できます。それはとてもばかげたことでしたが、今ではパラパラ漫画が完成しました!

于 2015-02-27T21:34:15.517 に答える