Dropdownlist component not worked with Angular component factory resolver.

[Swapnil Muley]

I have implemented dynamic component loading into my app using a component factory resolver with ViewContainerRef. When I define Syncfusion control like ejs-radiobutton and  ejs-dropdownlist. it won't work properly and shown an error as below.

 error NG8001: 'ejs-radiobutton' is not a known element:

    1. If 'ejs-radiobutton' is an Angular component, then verify that it is part of this module.

    2. If 'ejs-radiobutton' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

The error occurs only when I used only with dynamic component loading. So please tell me what exactly I need to do?

Attachment: Screenshots_2b1a3688.zip

[Ponmani Murugaiyan]

Hi Swapnil, 

Thanks for contacting Syncfusion support. 

We checked your reported issue based on provided information. Based on your given error list, we suspect that the reported issue is caused due to DropDownListModule and RadioButtonModule  are not imported in the app.module.ts. So, we suggest you import DropDownList and RadioButton module into Angular application(src/app/app.module.ts) from the package @syncfusion/ej2-angular-dropdowns and @syncfusion/ej2-angular-buttons. 

 

Please follow the instructions in the below documentation to render the component.     

https://ej2.syncfusion.com/angular/documentation/drop-down-list/getting-started/#registering-dropdownlist-module  

https://ej2.syncfusion.com/angular/documentation/radio-button/getting-started/#adding-radiobutton-module 

Please find the sample below for reference: 

Sample: https://stackblitz.com/edit/angular-kfygjb?file=app%2Fapp.module.ts      

Kindly check with the above suggestion to get rid of the reported issue and revert us if you need further assistance. 

Regards, 

Ponmani M

[Swapnil Muley]

I have already imported that module into app.module.ts file but still, it shows an error. This error occurs only when I use these controls with dynamic component loading otherwise it works fine with another component in the same app.

PFA

Attachment: files_a04da4ae.zip

[Ponmani Murugaiyan]

Hi Swapnil, 

Thanks for the update. 

Currently we are checking the reported query. We will update further details in 2 business days (April 28, 2021). We appreciate your patience until then. 

Regards, 

Ponmani M 

[Ponmani Murugaiyan]

Hi Swapnil, 

Thanks for the patience. 

Based on your provided code snippet, we have prepared sample with your reported requirement “dynamic component render approach with Angular component factory resolver” and ensured in our end. It is working as expected, please find the sample below for reference. 

Sample: https://stackblitz.com/edit/angular-cqbaco-qhrmrx?file=app.component.ts 

Kindly check with the above sample. If issue still exists in your end, please try to replicate the issue in the above provided sample which helps us to check and provide you the solution at earliest. 

Regards, 

Ponmani M 

[Swapnil Muley]

Thanks for providing the code sample but I have already implemented this successfully by taking reference from your forum about dynamic Treeview component loading. It helps me to solve my issue and the app working properly now.

[Ponmani Murugaiyan]

Hi Swapnil, 

We are glad to know that the reported issue has been resolved in your end. Please get back us if you need further assistance. 

Regards, 

Ponmani M