สไลด์โชว์ขึ้นอยู่กับ AngularJS
ที่อยู่สาธิต
การติดตั้ง NPM
NPM ติดตั้ง Angularjsslider
วิธีใช้
ขั้นตอนที่ 1 (บทนำ)
ต้องการ ('Angularjsslider') (modulename); // แนะนำ
ขั้นตอนที่ 2 (การกำหนดค่าพารามิเตอร์)
| พิมพ์ | อธิบาย | |
|---|---|---|
| ข้อมูล | อาร์เรย์ | ข้อมูลภาพเลื่อน [{img: "1.jpg", ลิงค์: '#'} ... ] |
| ตัวจับเวลา | ตัวเลข | Slide Switch Interval Interval Timer = "2" |
| btn-left | สาย | ปุ่มสลับซ้าย btn-left = "#btnleft" |
| btn-right | สาย | ปุ่มสลับ btn-right = ". btnright" |
| การเคลื่อนไหวแบบ | สาย | เปลี่ยนโหมดแอนิเมชั่น animate-type = "EASE" |
| อเนกประสงค์ | สาย | สลับเวลาแอนิเมชั่นเวลา antime = "1.0" วินาที |
ขั้นตอนที่ 3 (แทรกแท็ก)
<Slider> </lider> // แทรกแท็ก html
<div ng-controller = "firstCtrl"> <ตัวเลื่อนตัวจับเวลา = "2" data = "data" btn-left = "#btnleft" btn-right = ". btnright" animate-type = "ง่าย"
var mymodule = angular.module ('myapp', []); mymodule.controller ('firstctrl', ฟังก์ชั่น ($ scope) {$ scope.data = [{img: "../img/1.jpg",link:"#"}];});ข้างต้นคือข้อมูลสไลด์การใช้งานสำหรับ AngularJs เราจะจัดระเบียบความรู้ที่เกี่ยวข้องต่อไปในอนาคต ขอบคุณสำหรับการสนับสนุนเว็บไซต์นี้!