Light Mode

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Mobiletainment/ng-clamp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

23 Commits

Repository files navigation

#Angular 1.x wrapper for clamp.js

What is it?

A simple to use Angular directive for truncating text. Allows multi-line truncation and displays an ellipsis at the end of the visible text.

Usage

  1. add the "ng-clamp" module as dependency to your angular app
  2. decorate any element you want to clamp with a clamp attribute, specifying the number of lines it should be clamped to, e.g:
    {{ youVeryLongTextHere }}
  3. enjoy your truncated text.

License

MIT

Want to help?

Changelog

  • v1.2.0:
  • v1.1.4:
    • fixed issue in IE when assigning default configuration
  • v1.1.3:
    • update bower.json
  • v1.1.2:
    • add URL for issue tracking
  • v1.1.1:
    • vendor prefixes for hyphening
  • v1.1.0:
    • preventing overflow of long words or URLs by inserting a break with a hyphen
  • v1.0.7:
    • changed package name to ng-clamp1 and published to npm
  • v1.0.6:
    • to provide better readability, the element's title attribute is set with the (unclamped) innerText in case it doesn't have a title already
  • v1.0.5:
    • shorthand syntax for clamping using the clamp attribute (e.g.
      )
  • v1.0.4:

About

Angular 1.x wrapper for clamp.js

Topics

Resources

Readme

License

MIT license

Stars

Watchers

Forks

Packages

Contributors

Languages

  • JavaScript 100.0%