Diaporama basé sur AngularJS
Adresse de démonstration
Installation de NPM
NPM Installer AngularJsslider
Comment utiliser
Étape 1 (Introduction)
require ('angularjsslider') (modulename); // introduire
Étape 2 (configuration des paramètres)
| taper | illustrer | |
|---|---|---|
| données | Tableau | Données d'image de diapositives [{img: "1.jpg", lien: '#'} ...] |
| minuteur | Nombre | Timer intervalle du commutateur de diapositives = "2" |
| btn-left | Chaîne | bouton à bascule gauche btn-left = "# btnleft" |
| btn-droit | Chaîne | Bouton à bascule btn-droite = ". Btnright" |
| type animé | Chaîne | Mode d'animation Switch Animate-Type = "Facilité" |
| temps animé | Chaîne | Switch Animation Time Animate Time = "1.0" secondes |
Étape 3 (étiquette d'insertion)
<slider> </lider> // insérer la balise HTML
<div ng-controlller = "firstctrl"> <slider timer = "2" data = "data" btn-left = "# btnleft" btn-right = ". btnright" animate-type = "facilit" animate-time = "1.0"> </ slider> <div id = "btnleft"> </ div> <v> </ div> </ div>
var mymodule = angular.module ('myApp', []); MyModule.Controller ('FirstCtrl', fonction ($ Scope) {$ scope.data = [{img: "../img/1.jpg" ,link:"#"}];});Ce qui précède est les informations de diapositive d'implémentation pour AngularJS. Nous continuerons d'organiser des connaissances pertinentes à l'avenir. Merci pour votre soutien à ce site!