2016-11-21 6 views
0

Angular2アプリケーションで滑らかなカルーセルやCoverflowのような機能を使用する必要があります。 Angular2で使用できるプラグインまたはモジュールがnpmによって提供されていますか?Angular2でcoverflowまたはslickスライダーを使用する方法

Stack Overflowの質問の1つがこのトピックについて語っていますが、使用方法を強調していません。

ここにリンク:Slick Carousel with Angular 2。滑らかなカルーセルの

+0

なぜブートストラップカルーセルを使用しないのですか?実装が簡単で、使用が簡単なスーパーです。 –

+0

私は基本的に正確な機能を実装する必要があります。 –

答えて

2

実装は非常に簡単です、あなたは次のことを実行する必要があります。
npm install slick-carousel --save --global

次にあなたがこの

のようなコンポーネントにそれを呼び出す必要があるタイプ
$ npm install @types/slick-carousel

そして最後をインストール

import {Component, OnInit} from '@angular/core'; 
import * as jQuery from 'jquery'; 
import 'slick-carousel'; 

@Component({ 
    selector: 'your-page', 
    templateUrl: './your-page.component.html', 
}) 
export class YourPageComponent implements OnInit{ 

    ngOnInit() { 
    jQuery(".your-slider").slick(); 
    } 

} 
関連する問題