如何在Ionic 2中使用turn.js？

Question

我有一个使用turn.js的Ionic v1项目，但现在我正在使用Ionic v2。 我在使用jQuery导入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"
}
});

谢谢！

Answer 1

我不知道你是否已经得到答案。对我来说，我做了以下几点：

1. 安装离子jquery（检查here）

2. npm install --save turn.js

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

只是你可以使用$（）。turn（）;

希望它有所帮助：D