angular-di

Decouple your ES6 code from the AngularJS

Why

With a better tooling, like browserify, babel and karma, you can write faster tests with total control of your units.

Example

Let's write a service

import { di } from 'angular-di';
import { FooService } from 'app/foo.service'
 
class FooService {
    constructor($http, $q) { }
}
 
// annotations to protect from minifier problems
di.inject(FooService, '$http, $q')
 

And a controller

class HomeController {
    constructor(FooService) {
        this.service = FooService;
    }

    // ...
}

Write a file to import your stuff

import { di } from 'angular-di';

// external dependencies
import uiRouter from 'angular-ui-router';

import { routes } from 'src/routes';
import { FooService } from 'src/foo.service';

// declare app and his dependencies
let app = di.module([ 'ui.router' ]);

app.service({ FooService });

// declares the routes into ui.router
app.routes(routes);

app.onConfig(() => {
    // configure
});

app.onRun(() => {
    // run
});

app.run(document.body);

Routes

let routes = {
    'app': {
        url: '',
        templateUrl: 'index.html'
    },
    'app.home': {
        templateUrl: 'home.html',
        controller: 'HomeController'
    }
}