Use of Angular elements inside angular app

Question

I would like to use angular elements for widgets here.

I went through the angular.io example and also angular-aio-src

I am missing something here. Here is the demo.

I am getting this error :

Component ContentNotAvalilableComponent is not part of any NgModule or the module has not been imported into your module.

All the examples I have seen , are created as separate modules/ manual bootstrapping is done to embed that module. But I am trying something like angular aio does. load angular elements lazily with AppComponent bootstrapped. Not sure whats going wrong here?

CustomElementsModule is missing the declaration and the export of the ContantNotAvailableComponent — Jacopo Sciampi
– Jacopo Sciampi, Commented Dec 11, 2018 at 7:41
Yeah but since, it is a custom element , I have added it as part of entryComponents array. — KiraAG
– KiraAG, Commented Dec 11, 2018 at 7:48
You need anyway to declare it in some modules. If you just add the component to the array of declaration in the CustomElementsModule your code will works fine. — Jacopo Sciampi
– Jacopo Sciampi, Commented Dec 11, 2018 at 7:49
Yeah it works that way. But my custom element is still not working . The element tag is appended, but still the content is not displayed. — KiraAG
– KiraAG, Commented Dec 11, 2018 at 8:01

user1748379 · Accepted Answer · 2018-12-18 22:27:11Z

1

import javascript in index.html

<script src="https://unpkg.com/@webcomponents/[email protected]/custom-elements-es5-adapter.js"></script>

But see this link https://www.npmjs.com/package/ngx-build-plus

answered Dec 18, 2018 at 22:27

user1748379

531 silver badge9 bronze badges

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

Collectives™ on Stack Overflow

Use of Angular elements inside angular app

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