Apresentação de slides baseada em angularjs
Endereço de demonstração
Instalação do NPM
NPM Install AngularJSSLider
Como usar
Etapa 1 (Introdução)
requer ('angularjssslider') (moduleName); // introduzir
Etapa 2 (configuração de parâmetros)
| tipo | ilustrar | |
|---|---|---|
| dados | Variedade | Dados da imagem deslizante [{img: "1.jpg", link: '#'} ...] |
| Timer | Número | Intervalo de interruptor de slide Timer = "2" |
| Btn-Left | Corda | botão de alternância à esquerda btn-left = "#btnleft" |
| BTN-Right | Corda | Botão de alternância btn-right = ". Btnright" |
| Animate-Type | Corda | Switch Modo de animação Animate-type = "facilidade" |
| tempo animado | Corda | Switch Animation Time Animate-time = "1,0" segundos |
Etapa 3 (Inserir tag)
<lider> </slider> // Insira a tag html
<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:"#"}];});O exposto acima são as informações de slide de implementação para o AngularJS. Continuaremos a organizar o conhecimento relevante no futuro. Obrigado pelo seu apoio a este site!