Diashow basierend auf AngularJs
Demo -Adresse
NPM -Installation
NPM AngularJSSlider installieren
Wie man benutzt
Schritt 1 (Einführung)
erfordern ('AngularJSslider') (ModulenName); // Einführung
Schritt 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:"#"}];});Das obige ist die Implementierungsinformationen für AngularJs. Wir werden in Zukunft weiterhin relevantes Wissen organisieren. Vielen Dank für Ihre Unterstützung für diese Seite!