2016-09-12 3 views
1

私はturn.jsを使ってIonic v1プロジェクトを持っていますが、今はIonic v2を使用しています。 jQueryで使用しているturn.jsのインポートに問題があります。Ionic 2でturn.jsを使うには?

angular.module('albumController', []) 

.directive('flipbook', function() { 
return { 
    restrict: 'E', 
    replace: true, 
    compile: function (element, attrs) { 
     element.turn({ 
      width: '300px', 
      height: '300px', 
      pages: 8 
     }).turn('peel', 'br'); 

     element.addClass('flipbook'); 
     return function (scope, el) { 
      el.on('click', '[data-page]', function (e) { 
       el.turn('page', $(e.target).data('page')); 
      }); 
     }; 
    }, 
    templateUrl: "flipbook.html" 
} 
}); 

ありがとう!

+0

あなたはどんな問題を抱えていますか?より良い説明は、人々があなたのために答えを見つけるのを助けるでしょう。 – Fencer04

+0

@ Fencer04 $( '#flipbook')で "turn"メソッドを使用することはできません。 vsコードは、プロパティ 'turn'がtypeof jQueryに存在しないことを示します –

答えて

0

回答があるかどうかわかりません。私にとっては、私は次のようにします。

  1. イオンのためのjQuery(hereそれを確認してください)
  2. npm install --save turn.js

  3. import $ from "jquery"; import "turn.js";

ちょうどあなたが$()を使用できることをインストールターン();

希望するもの:D