The new DI looks confusing. The old way is super simple to understand. You injec...

quest88 · on March 18, 2014

https://github.com/angular/di.js/blob/master/example/kitchen...

Seems pretty simple, imo.

Kiro · on March 18, 2014

I don't understand how that correlates to the current DI.

How do I rewrite the following using the new DI system?

  function MyCtrl($http, Base64) {
  	$http.get('http://www.example.com').success(function (data) {
  		console.log(Base64.decode(data));
  	});
  }

nateabele · on March 18, 2014

  import {Http} from 'angularjs/http';
  import {Base64} from './base64';

  @Inject(Http)
  @Inject(Base64)
  export class MyCtrl {
    constructor(Http, Base64) {
      Http.get('http://www.example.com').success(function (data) {
        console.log(Base64.decode(data));
      });
    }
  }

Not too bad, right?

Cthulhu_ · on March 19, 2014

I don't like it at all; the Http and Base64 imports require three tokens / lines to import, while the existing DI just needed one. RequireJS requires two (array entry, callback parameter).

I'll stick to ES 5 / Angular 1.2 if we're required to write this much boilerplate to achieve the same thing.

wildpeaks · on March 18, 2014

Isn't this line missing?

  import {Inject} from 'di/annotations';