Angularjsに基づくスライドショー
デモアドレス
NPMインストール
NPM AngularJSSliderをインストールします
使い方
ステップ1（はじめに）
require（ 'angularjsslider'）（moduleName）; // introduce
ステップ2（パラメーター構成）
| タイプ | 説明します | |
|---|---|---|
| データ | 配列 | スライド画像データ[{img： "1.jpg"、link： '＃'} ...] |
| タイマー | 番号 | スライドスイッチ間隔タイマー= "2" |
| btn-left | 弦 | 左のトグルボタンbtn-left = "＃btnleft" |
| btn-right | 弦 | トグルボタンbtn-right = "。btnright" |
| アニメイトタイプ | 弦 | スイッチアニメーションモードAnimate-Type = "Ease" |
| アニメイトタイム | 弦 | Animation Time Animate-Time = "1.0"秒を切り替えます |
ステップ3（タグを挿入）
<slider> </slider> // htmlタグを挿入します
<div ng-controller = "firstctrl"> <スライダータイマー= "2" data = "data" btn-left = "＃btnleft" btn-right = "。btnright" animate-type = "ease" easient "amatimate-time =" 1.0 "> </slider> <div div> div div> </div>
var mymodule = angular.module（ 'myApp'、[]）; mymodule.controller（ 'firstctrl'、function（$ scope）{$ scope.data = [{img： "../img/1.jpg",link:"#"}];}）;上記は、AngularJSの実装スライド情報です。将来、関連する知識を整理し続けます。このサイトへのご支援ありがとうございます！