angular-ui-swiper

WebJar for angular-ui-swiper

Лицензия

Лицензия

MIT
Категории

Категории

Github Инструменты разработки Контроль версий
Группа

Группа

org.webjars.bower
Идентификатор

Идентификатор

github-com-nebulr-ui-swiper
Последняя версия

Последняя версия

2.3.0
Дата

Дата

Тип

Тип

jar
Описание

Описание

angular-ui-swiper
WebJar for angular-ui-swiper
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/nebulr/ui-swiper

Скачать github-com-nebulr-ui-swiper

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-nebulr-ui-swiper/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-nebulr-ui-swiper</artifactId>
    <version>2.3.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-nebulr-ui-swiper/
implementation 'org.webjars.bower:github-com-nebulr-ui-swiper:2.3.0'
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-nebulr-ui-swiper/
implementation ("org.webjars.bower:github-com-nebulr-ui-swiper:2.3.0")
'org.webjars.bower:github-com-nebulr-ui-swiper:jar:2.3.0'
<dependency org="org.webjars.bower" name="github-com-nebulr-ui-swiper" rev="2.3.0">
  <artifact name="github-com-nebulr-ui-swiper" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='github-com-nebulr-ui-swiper', version='2.3.0')
)
libraryDependencies += "org.webjars.bower" % "github-com-nebulr-ui-swiper" % "2.3.0"
[org.webjars.bower/github-com-nebulr-ui-swiper "2.3.0"]

Зависимости

Библиотека не имеет зависимостей. Это самодостаточное приложение, которое не зависит ни от каких других библиотек.

Модули Проекта

Данный проект не имеет модулей.

ui.swiper

Most modern mobile touch slider for angular js

This is an angular implementation of http://idangero.us/swiper/get-started/ This requires no dependencies and written entirely in angular! ( That means no swiper install or jquery install necessary ) If you want to configure the swiper just apply the options as attributes to the swiper directive. A reference to the swiper api can be found here : http://idangero.us/swiper/api/

This module also works with webpack and es6.

Install

bower install angular-ui-swiper OR npm install --save-dev angular-ui-swiper

Add files

<link rel="stylesheet" href="bower_components/angular-ui-swiper/dist/angular-ui-swiper.css">
<script src="bower_components/angular-ui-swiper/dist/angular-ui-swiper.js"></script>

OR

<link rel="stylesheet" href="node_modules/angular-ui-swiper/dist/angular-ui-swiper.css">
<script src="node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script>

Usage

Add the module dependency to your project angular.module('app', ['ui.swiper']);

Sample Usage :

<swiper>
  <slides>
    <slide>Slide1</slide>
    <slide>Slide2</slide>
  </slides>
  <prev></prev>
  <next></next>
  <pagination></pagination>
</swiper>

See here you added a swiper with pagination and directional buttons. Within the slide tag you can put whatever html you want to put in there!

For more examples you can look at the demo page.

Версии библиотеки

Версия
2.3.0