angular-equalizer
Version:
Equalize the height of a set of random elements, without necessarily having a common parent, container, etc.
46 lines (31 loc) • 1.03 kB
Markdown
Angular Equalizer
=================
Equalize the height of a set of random elements, without necessarily having a common parent, container, etc.
You can add and remove items on demand using the `EqualizerState` service.
### Usage
Add it to your dependencies
```js
angular.module('yourapp', ['ngEqualizer']);
```
Use it in your directive
```js
angular.module('yourapp').directive('yourDirective', ['EqualizerState', function(EqualizerState){
return {
link: function(scope, el, attr){
EqualizerState.add('yourDirective', el);
EqualizerState.add('yourDirective', angular.element('<div/>'));
}
};
}]);
```
Or use it directly in your elements
```html
<div equalizer="'group'"></div>
<div equalizer="'group'" ng-repeat="item in items"></div>
<div equalizer="'group'" ng-if="current"></div>
```
Elements must have an initial height and must not be hidden (their height is set to 0)
### Dependencies
Needs jQuery and Lodash. Also, uses `requestAnimationFrame`, use a polyfill if you must
### License
MIT