The purpose of this directive is to summarise a long piece of text, why then force the user to use {{ }} inside the hm-text attribute? Not only does the DOM end up with a huge attribute, but if the user will always have to use bindings like that, the extra {{ }} look ugly. I suggest moving from a '@' binding to '='. What do you think?

There needs to be a way to disable the package's debug messages, its flooding my console.
Also this is not cool, as its app wide

Heat maps for Android don´t work.

It is not working on initialization. It is working fine if i change some value in "text" textarea. Can you help me out how to sore out this?

Is there any angular 4+ version of angular-read-more?

I found this angular directive very useful. Would it be possible to publish it at npmjs.com? Let me know if you need any help on doing this.

See also: https://docs.npmjs.com/getting-started/publishing-npm-packages

Hey,

regarding to this Issue #6 now the Html Tags are converting the Text.
But in my case I dont want it.
The output text should show me the Html Tags
Can there be an Option implemented to shut off/on this possibility?
<hm-read-more
....
hm-html-convert='true/false' //default would be true for converting?
..>

What do you think of having a "version" that allows to be not by word count but by filling all the available space existing in one line.

Using text-overflowproperty ellipsis this is possible, using the browser to manage that.

I tried to integrate the angular-read-more library into a web app and everything works fine except for the pre tags in the template (used to wrap both short and long texts).
pre is a pretty invasive html tag and it strongly modifies the page layout. To make a simple test i manually substituted pre tags with span tags and the library seem still to work for me (with no impact on the page layout).
May be possible to optionally use span instead of pre to wrap text?
Many thanks

If the limit falls on a non-empty space, cutting off a word in the middle, the 'show more' will add a single space to the word after its clicked. In the demo you have here change the limit to 198 instead of 200. The '...' will appear on the last two letters of the word "mauris". Once you click show more, the word will be displayed like this "mauri s".

if a word is broken while showing less text an extra space gets added after that character when full text is shown.

out t ... Read more on expand becomes t hese collection. An extra space gets added after t

hello am using your plugin with textAngular which is wisiwig text editor for angular
the plugin works correctly but it cuts words and shows ...readmore and when i click readmore it wont start continuing where it exactly at it cuts which it should be. and also other issue is when i click readmore it starts continuing in new line and readleas showed at the end of the line with some spaces left. let me show you my snap shot.

In my application a user enters text into a textarea, when they enter a line break the value \n gets added to the text, This gets stored and is pulled back for display with the read-more plugin but the plugin just ignores the line break \n value. Is there an option to tell it to respect the line breaks?

Codepen - http://codepen.io/anon/pen/adXNXJ

When I try to force it via CSS it leaves a large space between the cut off value of the text and the read more/read less text

Codepen for that - http://codepen.io/anon/pen/dGaMLd

is this tested with

?

With 
, it comes with a large textbox+scrollbar, which is not what I want.

Since gulp-bump is only used during the build / release process it should be listed under devDependencies and not under dependencies in package.json.

I have implemented this standard from bower and it works fine on the first load. However when I change the view and come back into the same page it does not work (nothing shows, there are no errors).

how can i use read more with ngbindhtml
when i use read more with ngbindhtml it not showing readmore or less links

Hello - my original code - before I apply hm-read-more, looks like:
<p ng-bind-html="page.content | unsafe"></p>

I have to use ng-bind-html in order to get page.content to pass through the unsafe filter. How would I apply the hm-read-more directive in this instance?

Thanks for plugin,
my data is coming dynamic it is in the form of html, and it is displaying html tags in the front end.

http://codepen.io/anon/pen/zrBpMG

Thanks!

Needed for rearrange the parent element.
For example , using read more directive inside a widget managed by masonry . When read More is clicked the widget's height will grow and masonry needs to be called to rearrange the widgets .

Thanks,
Catalin

If the character limit ends in the middle of a word that word is split over the two

elements when the more-text is shown.

Expected behaviour would be the more-text

element would contain the whole text and the read more would toggle ng-show between both elements?