본문 바로가기

Javascript/Angular

Anagular 4 와 jquery plugin 사용하기

angular에서 jquery 플러그인을 비추하지만


빠른 개발을 위해 swipe기능을 jquery plugin으로 대체하기로함


일단 jquery 부터 설치


npm install jquery --save
npm install @types/jquery --save


그다음에 swipe js를 assets 밑에 아무데나 두자


webpack이 알아서 찾아준다


그리고 사용할 component에서 


declare var jQuery:any;


jQuery('.view-comment-list .article:eq(' + $index + ')').swipe({
excludedElements: [],
swipeLeft: function (event, distance, duration, fingerCount, fingerData) {
if ($(this).find('.txt').length > 0) {
$(this).addClass('active');
};
},
swipeRight: function (event, distance, duration, fingerCount, fingerData) {
if ($(this).find('.txt').length > 0) {
$(this).removeClass('active');
};
}
});

이렇게 함 된다