Предисловие
JQUERY развивался по сей день, и компоненты слайдов очень зрелые, поэтому следующий редактор заставит вас взглянуть на шаги для использования AngularJS для достижения эффектов слайдов.
Установка NPM
NPM Установите AngularJsslider
Как использовать
Шаг 1 (введение)
require ('angularjsslider') (модуль); // ввестиШаг 2 (конфигурация параметров)
| тип | иллюстрировать | |
| данные | Множество | Слайд изображение данные [{img: "1.jpg", ссылка: '#'} ...] |
| таймер | Число | Слайд -переключатель таймер = "2" |
| BTN-Left | Нить | Левая кнопка переключения btn-left = "#btnleft" |
| BTN-Right | Нить | Кнопка переключения btn-right = ". Btnright" |
| Аниматический тип | Нить | Режим анимации переключения animate-type = "ext" |
| оживленное время | Нить | Переключение времени анимации animate-time = "1,0" секунды |
Шаг 3 (вставьте тег)
<lider> </slider> // вставить тег html
<div ng-controller="firstCtrl"> <slider timer="2" data="data" btn-left="#btnleft" btn-right=".btnright" animate-type="ease" animate-time="1.0"> </slider> <div id="btnleft"></div> <div></div> </div>
var mymodule = angular.module ('myApp', []); mymodule.controller ('firstctrl', function ($ scope) {$ scope.data = [{img: "../img/1.jpg", link:"#"}];});Суммировать
Вышеуказанное - все содержание этой статьи. Я надеюсь, что эта статья будет полезна всем. Если у вас есть какие -либо вопросы, вы можете оставить сообщение для общения.