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の実装スライド情報です。将来、関連する知識を整理し続けます。このサイトへのご支援ありがとうございます!