angular-lory
Please visit: http://houseofradon.github.io/angular-lory/
Installation
- Using bower to install it.
bower install angular-lory
- Add
angular
,lory
andangular-lory
to your code.
- Add the sortable module as a dependency to your application module:
ngLory
angular
Usage
Prerequisited css & HTML
/** * (optional) define here the style definitions which should be applied on the slider container * e.g. width including further controls like arrows etc. */
This directive allows you to use the angular-lory plugin as
an angular directive. It can be specified in your HTML
as either a <div>
attribute or a <lory>
element.
...
Attributes & Event
settings
: required Object
containing any of the lory options. Consult here.
method
optional containing lory method. discussed below in detailevent
optional containing lory event
$scopeloryConfig = rewind: true infinite: false method: {} event: {};
Method
- All the functions in the plugin are exposed through a control attribute.
- To utilize this architecture, and have two-way data-binding, define an empty control handle on scope:
$scopeloryConfig = method: {}
- Pass it as the value to control attribute. Now, you can call any plugin methods as shown in the example.
slideTo(2)prev()next()reset()detroy()
Todo
- Tests
- More examples
Credits
- PhilipKnape (@philipknape)
Lisence
This project is under the MIT license.