problem when the number of items increase

[maryamsoprano]

Hi,

thanks for your effort in implementing this directive and thanks again for your help. I run demo application, it works perfectly. but when the number of items increase , it does not work: for example : [options]="['EmberJS', 'React', 'Vue', 'Angular2','EmberJS', 'React', 'Vue', 'Angular2','EmberJS', 'React','EmberJS', 'React']"

and also I tried to put this component inside ng2-material/diolog ,but the list of the dropdown goes behind the container. and I can't see options in the list

thanks in advance

[Gbuomprisco]

Hi @maryamsoprano, thanks!

The 1st problem should be related to the number of items inserted through the template. If you do it via component, it should not happen. I believe it's something related to Angular, anyway it's a good practice that way.

The second seems related to ng2-dropdown in fixed containers, I fill fix it in there. 👍

[Gbuomprisco]

Hi @maryamsoprano, I updated the library, it hopefully should solve that!

[maryamsoprano]

Hi ,

Many thanks for your effort and help. I updated my package.json and installed new version of ng2-material-dropdown and ng2-material-select , but still have same problem. I reckon it has conflict with

I uploaded it in the following repository url: https://github.com/maryamsoprano/ng2-material-select-angular2

[maryamsoprano]

Hi,

Unfortunately ,after updating into version 0.1.0 ,I've faced again loading error.

This is map and packages in systemjs.config used

map = {
 'ng2-material-select': '/node_modules/ng2-material-select'
}
packages = {
 'Ng2SelectModule': { defaultExtension: 'js' },
 'ng2-material-select': { main: 'dist/index.js', defaultExtension: 'js' },
}

also when I change the path in ng2-material-select and add ng2-material-dropdown, I get following error:

//changes:

  'ng2-material-dropdown': { main: 'dist/index.js', defaultExtension: 'js' },
  'ng2-material-select': { main: 'dist/src/ng2-select.module.js', defaultExtension: 'js' },

error:

(SystemJS) XHR error (404 Not Found) loading http://192.168.0.19:12345/node_modules/ng2-material-select/dist/src/style.scss.js

in the installed package, I can't find style.scss.js

It worked by previous versions. For example following repository with updated library , encounter loading error. https://github.com/maryamsoprano/ng2-material-select-angular2

thanks

[maryamsoprano]

Hi,

I use Systemjs.config and can't use new version of this component., There are some errors about loading template.html.js and style.scss . Would you please guide me how can I use this component in systemconfig?

(index):18 Error: (SystemJS) XHR error (404 Not Found) loading http://192.168.0.19:12345/node_modules/ng2-material-select/dist/src/style.scss.js( …)

Many thanks Maryam

[Gbuomprisco]

Hi @maryamsoprano, the main file in package.json changed. So change to:

'ng2-material-select': { main: 'dist/ng2-select.bundle.js', defaultExtension: 'js' }

Hope it helps!

[maryamsoprano]

Hi,

many many thanks. main should have point into ng2-select.bundle.js. Now it loads. But in new version (0.1.0) still dropdown list does not show in dialog. Should it related in conflict between ng2-material css and this drop down? It only appears when <link rel="stylesheet" href="node_modules/@angular2-material/core/overlay/overlay.css"> is eliminated.

By the now, when I put ng2-select inside a dialog, ng20dropdown-menu puts in the body tag, instead of dialog tag.