Need help with angular-placeholders?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

joshdmiller
204 Stars 39 Forks GNU Lesser General Public License v3.0 24 Commits 12 Opened issues

Description

A set of placeholder directives & services for use during development of AngularJS apps.

Services available

!
?

Need anything else?

Contributors list

Placeholders for AngularJS!

See the demo!


Placeholder Text

angular-placeholders includes a

phTxt
directive for the insertion of "Lorem ipsum"-style text. It can work as either an element or an attribute and accepts two optional attributes:
num-sentences
and
num-paragraphs
. If
num-sentences
is provided, the body of the element will be replaced with the specified number of sentences.
num-paragraphs
will replace the body of the element with the specified number of

tags containing random sentences.

The default behavior is a random number of paragraphs.

Placeholder Images

The

phImg
directive creates client-side placeholder images in any size. The directive creates a PNG image using the HTML5 canvas library and uses the generated client-side URL as the
src
on an
img
element.

The directive takes a single eponymous attribute that specifies the dimensions of the image to create; the expected format is "100x100".

Building

The build toolchain for angular-placeholders was ~~stolen~~ borrowed from the ui-bootstrap project.

The build script is written using Grunt, a command-line build tool for JavaScript projects. To build, run the following command in the terminal:

$ grunt

That was easy! It will run tests, generate the documentation/demo site, compile the modules, and minify the source. The resulting files will be in the

dist/
directory.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.