Base solution for your next web application
Open Closed

Select2 in Angular #11058


User avatar
0
Loizos created

What is your product version? 11.1.0 What is your product type (Angular or MVC)? Angular 13 What is product framework type (.net framework or .net core)? .NET6

Hi support,

I am struggling with select2 component can you please help on this? But I thought that most of the Metronic controls or at least the most common one - were included in asp.net zero, but it's not the case right? Do you have plans to add more?

Anyway, I followed instructions I found in several posts on how to install and use it in Angular but either npm commands not working so I had to use yarn, or module couldn't be found after I added it in app.module.ts, or my entire application was full with compilation errors after jquery and bootstrap installations... so I revert back all changes

Can you please advise on how to install and use it? Is there any other similar control that comes out of the box and I didn't realize/discover it?

Thanks, Loizos


4 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    We prefer to use native Angular components on Angular project. Instead of select2, we are using PrimeNG autocomplete, see https://www.primefaces.org/primeng/autocomplete. Does this work for you ?

  • User Avatar
    0
    Loizos created

    Hi ismcagdas,

    I'm sorry, I have only checked the ngx-bootstrap components and there was nothing there for this purpose... so now I see that PrimeNG do support dropdown list here: https://www.primefaces.org/primeng/dropdown, which is pretty much similar to select2, so can I use this one instead of autocomplete?

    Can I just import it in app.module.ts and use it, or you have to include it first in next releases? The same question goes for other components I see in PrimeNG list, can I just import them and use them?

    Thanks, Loizos

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    PrimeNG DropdownModule is already included in AspNet Zero (admin-shared.module.ts), so you can use it in your pages. We don't use all modules/components from PrimeNG because it increases the bundle size. If you need any other component/module from PrimeNG, just search it in your project and import it if it is not already used by default AspNet Zero.

  • User Avatar
    0
    Loizos created

    Thank you very much!