A set of placeholder directives & services for use during development of AngularJS apps.
See the demo!
angular-placeholders includes a
phTxtdirective for the insertion of "Lorem ipsum"-style text. It can work as either an element or an attribute and accepts two optional attributes:
num-sentencesand
num-paragraphs. If
num-sentencesis provided, the body of the element will be replaced with the specified number of sentences.
num-paragraphswill replace the body of the element with the specified number of
tags containing random sentences.
The default behavior is a random number of paragraphs.
The
phImgdirective 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
srcon an
imgelement.
The directive takes a single eponymous attribute that specifies the dimensions of the image to create; the expected format is "100x100".
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.