angular-readmore

angular-readmore

Angular Read More Directive

Simple and easy-to-implement angular read more directive.

Demo

http://plnkr.co/edit/Tsqkv1nd6CC8e5Kr9pdU?p=preview

Requirements

  • Latest jQuery
  • AngularJS 1.3+

Markup

or

Options

  • moreText
  • lessText
  • ellipsis
  • words
  • char
  • limit
  • content

Other Examples

  • (Default) Separated by number of characters

<p read-more>Lorem ipsum dolor sit amet.</p>

  • Separated by number of words

<p read-more words></p>

  • Change Read More... text

<p read-more more-text="VIEW MORE..."></p>

  • Change Less ^ text

<p read-more less-text=“VIEW LESS”></p>

  • Change ellipsis

<p read-more ellipsis=“…”></p>

  • Change character/word limit

<p read-more limit=“250”></p>

comments powered by Disqus
This page was last updated almost 3 years ago.