序文
jQueryは今日まで開発されており、スライドコンポーネントは非常に成熟しているため、次のエディターでは、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:"#"}];}）;要約します
上記は、この記事のコンテンツ全体です。この記事がすべての人に役立つことを願っています。ご質問がある場合は、メッセージを残してコミュニケーションをとることができます。