Bedrock AngularJS Framework.
Last updated 4 years ago by dlongley .
Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @bedrock/bedrock-angular 
SYNC missed versions from official npm registry.


A bedrock bower module that provides an extensible AngularJS application. The application provides common, basic functionality such as a simple, bedrock-integrated, configuration system, animations, application routing, multi-transclusion support, and UI Bootstrap support. It can be extended using other angular modules, in most cases, by simply installing them via bower.

Click here to read about style guidelines and how to write AngularJS modules for the bedrock framework.

Click here to learn how to write a bedrock-angular "pseudo bower" package.

Quick Examples

bower install bedrock-angular


How It Works

A Quick Bedrock Primer

Bedrock is a foundation onwhich to build web applications. It uses a modular design to help keep code well-organized and to allow a healthy ecosystem to grow without hindrance. It is also designed to make it possible to provide most of the generic, core infrastructure your project needs via simple installation, with zero or minimal configuration.

Bedrock web applications are typically built by installing a backend npm module, bedrock-views, and a companion frontend bower package, bedrock-angular.

The bedrock-views module, via a dependency bedrock-requirejs, expects all frontend code to behave like a bower package. This means that any packages you install via bower will be automatically made available to the browser once you've installed them and restarted your bedrock server. If you want to serve a directory that isn't in a bower package, you can manually add a bower manifest for it to bedrock's configuration system. This establishes a "pseudo bower package" for your directory, causing it to be treated just like it was any other bower package.

Click here to learn how to write a bedrock-angular "pseudo bower" package.

The bedrock-angular package will create a core, generic AngularJS application for you, and automatically integrate any bower packages that contain AngularJS components.

So, taken together, all you should need to do to add new frontend content to your bedrock-based AngularJS web application is install bower packages or manually describe directories as if they were bower packages.


Serving components

First we need to learn how bedrock makes components available to the browser. When components are installed via bower packages, bedrock will automatically parse their bower.json files and make them available to the browser.

Not every component will be installed via bower. For those that are manually integrated into our application, we need to update bedrock's configuration to tell bedrock to treat them as if they were bower packages.

To do this we create a "pseudo bower package" for each component. This is just a way to get directories to behave like bower packages, so that bedrock can deal with both bower packages and directories in a consistent way.

These "pseudo bower packages" are pushed onto an array that is referenced in bedrock's configuration system as:


Click here to learn how to write a bedrock-angular "pseudo bower" package.

Template replacement

Click here to learn how to write a basic "skinning" package.

Click here to learn how to write an advanced "skinning" package.

Current Tags

  • 3.0.0-dev                                ...           latest (4 years ago)

1 Versions

  • 3.0.0-dev                                ...           4 years ago
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 1
Dependencies (13)
Dev Dependencies (0)
Dependents (0)

Copyright 2014 - 2021 © npmmirror.com |