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