Angular 2 - App Module declaration of Upgraded AngularJS component not working

Question

I have an application running AngularJS and Angular side by side, using the UpgradeModule. I have "upgraded" and AngularJS component (angular.component) for use in our Angular components (@Component). I have done so using the instructions on the Angular 1.x upgrade page.

The issue is that when this "upgraded" component is declared in the AppModule declarations: [] array, I receive an error saying unknown element 'tooltip'.

When I remove the declaration from the AppModule and declare it instead in the @NgModule for the component in which the upgraded component will be used, it works fine.

Please review the Gist for the code that is being used.

Santanu Biswas · Accepted Answer · 2017-01-13 12:17:58Z

1

There is nothing wrong with the behavior.

The components must be declared in the module where you want to use it.
If you want to use the component in multiple modules, Create a SharedModule (shared module) and add your component to it's declarations and exports.
Import the SharedModule in other modules wherever you want to use this component.

More about shared modules in Angular2 Docs.

And here is a nice tutorial on NgModules that might help you.

answered Jan 13, 2017 at 12:17

Santanu Biswas

4,7872 gold badges24 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 2 - App Module declaration of Upgraded AngularJS component not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related