คำนำ
JQuery ได้พัฒนามาจนถึงทุกวันนี้และส่วนประกอบสไลด์นั้นเติบโตขึ้นอย่างมากดังนั้นตัวแก้ไขต่อไปนี้จะพาคุณไปดูขั้นตอนในการใช้ 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:"#"}];});สรุป
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ คุณสามารถฝากข้อความไว้เพื่อสื่อสาร