@angular/upgrade/static

downgradeComponent

function

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

  
    function downgradeComponent(  info: { component: Type<any>; downgradedModule?: string | undefined; propagateDigest?: boolean | undefined; inputs?: string[] | undefined; outputs?: string[] | undefined; selectors?: string[] | undefined; }): any;

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

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

This helper function returns a factory function to be used for registering an AngularJS wrapper directive for "downgrading" an Angular component.

Examples

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

We must create an AngularJS directive that will make this Angular component available inside AngularJS templates. The downgradeComponent() function returns a factory function that we can use to define the AngularJS directive that wraps the "downgraded" component.

For more details and examples on downgrading Angular components to AngularJS components please visit the Upgrade guide.