Neverending Programming Mistakes
    Have ideas to improve npm?Join in the discussion! »

    bedrock-angular

    4.1.2 • Public • Published

    bedrock-angular

    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
    

    Configuration

    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.

    Overview

    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:

    bedrock.config.requirejs.bower.packages
    

    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.

    Keywords

    none

    Install

    npm i bedrock-angular

    DownloadsWeekly Downloads

    15

    Version

    4.1.2

    License

    none

    Unpacked Size

    52.9 kB

    Total Files

    14

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar