Neoclassical Piano Montage

    lionjs

    0.0.5 • Public • Published

    Circle CI

    lionjs

    Lightweight Model Layers for Angular 1.x

    Usage

    JSON Format

    Required to start kick off the initial angular module

    {
        "moduleName": "textForms",
        "form": {
            "firstName": {
                "type": "string",
                "validators": ["alphanum", {
                    "min": 3
                }, {
                    "max": 30
                }, "required"]
            }
        }
    }
    
    

    Bootstrap

    Kick off LionjS

    LionJS comes with a custom build of joi-browserify v0.0.5. You need to include this version of joi-browserify which is located in the dist folder. You can also import it separately from the repo above.

    Using the bundled "joi-browserify"

    require("node_modules/lionjs/dist/joi-browserify.min.js");
    
    var modelConfig = require("modes.json!")
    require("lion");
    lion(modelConfig);
    

    Then register the angular module, this is the name you supplied in the json file under 'moduleName'

    angular.module("myApp", ["textForms"]);
    

    Validation directives are named the same as your fields but with 'Validator' at the end firstName -> firstNameValidator

    <input text="type" ng-model="name" first-name-validator/>
    

    Bootstrap Example

    <form name="lionForm">
      <label>
        First Name:
        <input type="text" ng-model="firstname" name="firstName" first-name-validator>
      </label>
      <div ng-messages="lionForm.firstName.$error" role="alert">
        <div ng-message="alphanum">You must have an alphanumeric name</div>
        <div ng-message="min">The min length is 3</div>
        <div ng-message="max">The max length is 30</div>
      </div>
    </form>
    

    Example Repos

    Example Repo

    Install

    npm i lionjs

    Homepage

    lionjs.com

    DownloadsWeekly Downloads

    7

    Version

    0.0.5

    License

    MIT

    Last publish

    Collaborators

    • asilluron