Prefacio
JQuery se ha desarrollado hasta el día de hoy, y los componentes de la diapositiva son muy maduros, por lo que el siguiente editor lo llevará a echar un vistazo a los pasos para usar AngularJS para lograr los efectos de diapositivas.
instalación de NPM
NPM Instalar AngularJSSlider
Cómo usar
Paso 1 (Introducción)
requerir ('AngularJSSlider') (ModuleName); // IntroducirPaso 2 (configuración de parámetros)
| tipo | ilustrar | |
| datos | Formación | Datos de imagen de diapositivas [{img: "1.jpg", enlace: '#'} ...] |
| minutero | Número | Tiempo de intervalo de interruptor de deslizamiento = "2" |
| Btn-izquierda | Cadena | botón de alternancia izquierda btn-left = "#btnleft" |
| btn-right | Cadena | Botón de alternar btn-right = ". Btnright" |
| de tipo animado | Cadena | Modo de animación de conmutación Animate-type = "facilitar" |
| tiempo animado | Cadena | Switch Animation Time Animate Time = "1.0" segundos |
Paso 3 (insertar etiqueta)
<lider> </slider> // inserta la etiqueta HTML
<div ng-concontroller = "firstCtrl"> <slider timer = "2" data = "data" btn-left = "#btnleft" btn-right = ". btnright" animate-type = "facilit" animate-time = "1.0"> </slider> <d id = "btnleft"> </iv> <viv> </divs> </divs> </divs> </divs> divil>
var mymodule = angular.module ('myApp', []); mymodule.controller ('firstCtrl', function ($ scope) {$ scope.data = [{img: "../img/1.jpg",link:"#"}];});Resumir
Lo anterior es todo el contenido de este artículo. Espero que este artículo sea útil para todos. Si tiene alguna pregunta, puede dejar un mensaje para comunicarse.