Kata pengantar
JQuery telah berkembang hingga hari ini, dan komponen slide sangat matang, sehingga editor berikut akan membawa Anda untuk melihat langkah -langkah untuk menggunakan AngularJS untuk mencapai efek slide.
Instalasi NPM
NPM Instal AngularJSSlider
Cara menggunakan
Langkah 1 (Pendahuluan)
membutuhkan ('angularjsslider') (modulename); // perkenalkanLangkah 2 (Konfigurasi Parameter)
| jenis | menjelaskan | |
| data | Array | Data gambar slide [{img: "1.jpg", tautan: '#'} ...] |
| timer | Nomor | Slide Switch Interval Timer = "2" |
| btn-kiri | Rangkaian | tombol sakelar kiri btn-left = "#btnleft" |
| btn-right | Rangkaian | Tombol sakelar btn-right = ". Btnright" |
| tipe animasi | Rangkaian | Switch Animation Mode Animate-Type = "Kemudahan" |
| waktu hidup | Rangkaian | Beralih waktu animasi animate-time = "1.0" detik |
Langkah 3 (masukkan tag)
<slider> </lider> // masukkan tag html
<div ng-controller="firstCtrl"> <slider timer="2" data="data" btn-left="#btnleft" btn-right=".btnright" animate-type="ease" animate-time="1.0"> </slider> <div id="btnleft"></div> <div></div> </div>
var mymodule = angular.module ('myapp', []); mymodule.controller ('firstctrl', function ($ scope) {$ scope.data = [{img: "../img/1.jpg",link:"#"}];});Meringkaskan
Di atas adalah seluruh konten artikel ini. Saya harap artikel ini akan membantu semua orang. Jika Anda memiliki pertanyaan, Anda dapat meninggalkan pesan untuk berkomunikasi.