Package detail

angular-hipsum

MatiseAms7MIT2.0.1

Angular directive for Hipster Ipsum

Hipsum, Hipster Ipsum, Lorem Ipsum, Lorem

readme

Hipster Ipsum Angular Directive

Install it

Install directive using bower:

bower install angular-hipsum

Or npm:

npm install angular-hipsum

Load script in html after angular.js file

<script src="/vendor/angular-hipsum.js"></script>

Then, inject ngHipsum in your application module:

angular.module('myApp', ['ngHipsum']);

Use it

<p hipsum paragraphs="2"></p>
<h1 hipsum words="6"></h1>
<h2 hipsum length="20"></h2>

Available attributes

  • paragraphs: number of paragraphs (up to 99 paragraphs)
    <p hipsum paragraphs="2"></p>
  • words: number of words (as long as there are words available 💩)
    <p hipsum words="2"></p>
  • length: length of string
    <p hipsum paragraphs="2"></p>

TODO (wishlist)

  • Add words attribute to choose # of words
  • Add kitchensink element

Credits

Special thanks to Ian van Ness for providing the source of Hipster Ipsum on http://hipsterjesus.com/