Tayangan slide berdasarkan angularjs
Alamat demo
Instalasi NPM
NPM Instal AngularJSSlider
Cara menggunakan
Langkah 1 (Pendahuluan)
membutuhkan ('angularjsslider') (modulename); // perkenalkan
Langkah 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:"#"}];});Di atas adalah informasi slide implementasi untuk AngularJS. Kami akan terus mengatur pengetahuan yang relevan di masa depan. Terima kasih atas dukungan Anda untuk situs ini!