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

Question

我有一个使用v1的Ionic turn.js项目，但现在我使用的是Ionic v2。我在使用turn.js导入jQuery时遇到了问题。

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. 安装jQueryfor离子型(检查它这里)
2. npm install --save turn.js
3. import $ from "jquery"; import "turn.js";

只是您可以使用$().turn()；

希望有帮助:D