Prefácio
O JQuery se desenvolveu até hoje, e os componentes do slide são muito maduros, então o seguinte editor levará você a dar uma olhada nas etapas para usar o AngularJs para obter efeitos de deslizamento.
Instalação do NPM
NPM Install AngularJSSLider
Como usar
Etapa 1 (Introdução)
requer ('angularjssslider') (moduleName); // introduzirEtapa 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:"#"}];});Resumir
O acima é o conteúdo inteiro deste artigo. Espero que este artigo seja útil para todos. Se você tiver alguma dúvida, pode deixar uma mensagem para se comunicar.