Use of generic Angular components on Ionic

Ionic Framework ionic-v3
1

Hi,

I’m looking for a “select” component that supports largte datasets and custom autocomplet features. I’ve found one at https://github.com/ng-select/ng-select.

My question is, can I use components like this, from the “Angular + Bootstrap” world on Ionic apps ?

Thank you

2

Nice reference to ng-select. Like that compoment also for using in ionic. So I would say yes

Bootstrap and ionic can go a long but without any experience I wouldnt try too much as they may compete in css.

There are some posts on bootstrap . Maybe check them?

1 Like
3

The problem with large data sets is that generally do not work well on a mobile device because of screen size; data downloading and memory

I would suggestion using an ion-list before showing the select component - which should only have a small number of options.

1 Like
4

Thank you Tommerton, I’ll try it !

5

Hi,

For some apps I need queryes against large datasets. For this it’s necessary features like flexible autocomplete with client/server filtering that you can find on ng-select. It’s not possible with ion-list.

Regards

6

Hi,

I’m trying apply the ng-select style with @import “~@ng-select/ng-select/themes/default.theme.css” at my page scss file.

But I got this error : Refused to apply style from ‘http://localhost:8100/build/~@ng-select/ng-select/themes/default.theme.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Did you had success on this ?

Regards

7

I tried in Stackblitz

And couldn’t add the theme.

I need to try on a local dev machine later this week.

8

Hi,

It works perfectly if you copy the contents from the default or material theme file to app.scss file.

1 Like