Vorwort
JQuery hat sich bis heute entwickelt, und die Folienkomponenten sind sehr ausgereift. Mit dem folgenden Editor werden Sie die Schritte zur Verwendung von AngularJs ansehen, um Folieneffekte zu erzielen.
NPM -Installation
NPM AngularJSSlider installieren
Wie man benutzt
Schritt 1 (Einführung)
erfordern ('AngularJSslider') (ModulenName); // EinführungSchritt 2 (Parameterkonfiguration)
| Typ | veranschaulichen | |
| Daten | Array | Folienbilddaten [{img: "1.JPG", Link: '#'} ...] |
| Timer | Nummer | Diaswechsel -Intervall -Timer = "2" |
| Btn-links | Saite | linke Schalttaste btn-linft = "#Btnleft" |
| BTN-Right | Saite | Schalttaste btn-right = ". Btnright" |
| Animate-Typ | Saite | Animationsmodus wechseln Animate-Type = "Easy" |
| Animate-Zeit | Saite | Animationszeit wechseln Animate-Time = "1,0" Sekunden |
Schritt 3 (Tag einfügen)
<Slider> </Slider> // HTML -Tag einfügen
<div ng-controller = "firstCtrl"> <Slider Timer = "2" data = "data" btn-left = "#btnleft" btn-right = ".
var mymodule = angular.module ('myapp', []); myModule.controller ('firstCtrl', function ($ scope) {$ scope.data = [{img: "../img/1.jpg" ,link:"#"}];});Zusammenfassen
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dieser Artikel wird für alle hilfreich sein. Wenn Sie Fragen haben, können Sie eine Nachricht zur Kommunikation überlassen.