Presentación de diapositivas basada en Angularjs
Dirección de demostración
instalación de NPM
NPM Instalar AngularJSSlider
Cómo usar
Paso 1 (Introducción)
requerir ('AngularJSSlider') (ModuleName); // Introducir
Paso 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:"#"}];});Lo anterior es la información de diapositivas de implementación para AngularJS. Continuaremos organizando el conocimiento relevante en el futuro. ¡Gracias por su apoyo para este sitio!