Tools for building angular directives as es6 modules
JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.eslintrc
.gitignore
README.md
env.scss
index.js
package.json

README.md

Angular Directive Builder

Codeship Status for tqc/angular-directive-builder

Tools for building angular directives as es6 modules

Install

npm install angular-directive-builder

Usage

Directives are defined using the below format rather than the standard module.directive call.

export default {
    name: "slider",
    injections: ["$parse"],
    fn: function($parse) {
        return {
            template: require("./template.html"),
            replace: true,
            scope: true,
            link: function(scope, element, attrs) {
                ...
            }
        }
    }

This allows the directive to be added to a browserify based app using

        this.registerOptionalDirective(require("slider"));

See https://github.com/tqc/ChondricJS/blob/master/es6/core.js for details.

For use in standalone angular apps, the source file is compiled into a regular ES5 angular module.

See https://github.com/tqc/tc-slider for an example.