alpha-38: Need @Inject to inject ElementRef and DynamicComponentLoader

DI works fine in alpha-37, now it needs @Inject.

[mgechev]

I started debugging your issue and found that MyApp gets transpiled to:

// ...
var MyApp = (function () {
    function MyApp(elementRef) {
        console.log(elementRef);
    }
    MyApp = __decorate([
        angular2_1.Component({
            selector: 'my-app'
        }),
        angular2_1.View({
            template: "<h1>hello</h1>"
        }), 
        __metadata('design:paramtypes', [Object])
    ], MyApp);
    return MyApp;
})();
angular2_1.bootstrap(MyApp);

Which means that the generated metadata for the param types is wrong. However, if you use @Inject instead of Object you get angular2_1.ElementRef, which is correct.

Same error occurs when I try to inject DynamicComponentLoader.

Another thing I noticed: when using angular2-seed with gulp task with the following src, I get the error. However, if I use target ../app/*.ts instead everything works.

Another way to make it work is by changing the name of the export inside the angular2 bundle:

  var element_ref_1 = require("angular2/src/core/linker/element_ref");
  exports.ElementRef2 = element_ref_1.ElementRef;

and later import it as:

import {ElementRef2...} from 'angular2/angular2';

---

PS: I dug inside the TypeScript compiler and saw that during the parameters serialization when writing metadata the ElementRef class is not being properly resolved; instead of TypeReferenceSerializationKind.TypeWithConstructSignatureAndValue it is being resolved as TypeReferenceSerializationKind.ObjectType, so may be a TypeScript issue?

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}