angular-balance-text

AngularJS Wrapper for jQuery balance-text for implementing balancing of wrapping text in a web page

Demo

Simple demo

Installation

1. Install via either bower, npm or downloaded files:

   1. via bower: bower install --save angular-balance-text
   2. via npm: npm install --save angular-balance-text
   3. via downloaded files

2. Add jtt_balance_text to your application's module dependencies.

3. Include dependencies and angular-balance-text in your HTML.

   1. When using bower

   <script src="bower_components/balance-text/jquery.balancetext.min.js"></script>
   <script src="bower_components/angular-balance-text/dist/angular-balance-text.min.js"></script>

   2. When using npm

   <script src="node_modules/balance-text/jquery.balancetext.min.js"></script>
   <script src="node_modules/angular-balance-text/dist/angular-balance-text.min.js"></script>

   3. When using downloaded files

   <script src="YOUR_PATH/jquery.balancetext.min.js"></script>
   <script src="YOUR_PATH/angular-balance-text.min.js"></script>

Usage

Event

Angular event to manually re-balance all triggered elements use angular-balance-text.refresh

//dispatches the event upwards through the scope hierarchy
$scope.$emit('angular-balance-text.refresh');

//dispatches the event downwards to all child scopes
$scope.$broadcast('angular-balance-text.refresh');

Documentation

Read the docs of jQuery balance-text jQuery balance-text

License

MIT