내가 터미널에서 명령을 실행했습니다</p> <p>어떻게 내가 프로젝트를 만들고 jQuery 플러그인 링크 colorbox, 매끄러운 회전 목마에 필요한 이온 2의 안돼서 페이지

Question

에 JQuery와 플러그인을 사용하는 Ionic2 ...

npm install jquery slick-carousel 
typings install jquery --ambient --save 
typings install slick-carousel --ambient --save 

나는 JQuery와를 가져온 :

import * as JQuery from 'jquery'; 
import * as slick from 'slick-carousel'; 

그리고 이온 오류는 다음과 같습니다 Can not find module 'slick-carousel'.

이 문제를 해결하거나 참조 할 수 있도록 예제가 준비되도록 도와주세요.

감사합니다.

Answer 1

slick-carousel에는 내 보낸 모듈이 없으므로 (jQuery에 체인 가능 함수를 추가하기 만 함) 가져 오는 방법이 다릅니다. 우리는 DOM이로드되어 있는지 확인하기 위해 ionViewLoaded() 이벤트 처리기에 회전 목마 초기화를 추가

// app/pages/carousel/carousel.ts 
import { Component } from "@angular/core"; 
import { NavController } from "ionic-angular"; 
import * as $ from "jquery"; 
import "slick-carousel"; 

@Component({ 
    templateUrl: "build/pages/carousel/carousel.html" 
}) 
export class CarouselPage { 

    constructor(public nav: NavController) {} 

    ionViewLoaded() { 
     $(".myCarousel").slick(); 
    } 
} 

참고 : 여기에 최소한의 예입니다. 그리고 템플릿 :

<!-- app/pages/carousel/carousel.html --> 
<ion-navbar *navbar> 
    <button menuToggle> 
    <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Carousel</ion-title> 
</ion-navbar> 

<ion-content padding class="carousel"> 
    <div class="myCarousel"> 
    <div>Item 1</div> 
    <div>Item 2</div> 
    <div>Item 3</div> 
    </div> 
</ion-content> 

그리고 마지막으로, 당신은 당신의 app/theme/app.core.scss 파일에이를 추가하여 CSS를 가져올 확인합니다은 :

@import "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.css"; 

재미를!

Answer 2

만약 2017 년이 글을 읽는 사람이 :

페이지 이벤트 ionViewLoaded()이 더 이상 유효하지 않습니다. 현재 RC4 버전에서는 ionViewDidLoad()입니다. 나중에 참조 할 수 있도록

: http://ionicframework.com/docs/v2/api/navigation/NavController/#lifecycle-events