@angular/upgrade/static

UpgradeComponent

directive

A helper class that allows an AngularJS component to be used from Angular.

  
    class UpgradeComponent {}

A helper class that allows an AngularJS component to be used from Angular.

Part of the upgrade/static library for hybrid upgrade apps that support AOT compilation.

This helper class should be used as a base class for creating Angular directives that wrap AngularJS components that need to be "upgraded".

Examples

Let's assume that you have an AngularJS component called ng1Hero that needs to be made available in Angular templates.

We must create a Directive that will make this AngularJS component available inside Angular templates.

In this example you can see that we must derive from the UpgradeComponent base class but also provide an {@link Directive @Directive} decorator. This is because the AOT compiler requires that this information is statically available at compile time.

Note that we must do the following:

specify the directive's selector (ng1-hero)
specify all inputs and outputs that the AngularJS component expects
derive from UpgradeComponent
call the base class from the constructor, passing
- the AngularJS name of the component (ng1Hero)
- the ElementRef and Injector for the component wrapper