2017-03-09 64 views
0

我使用angular-2-dropdown-multiselect如何使用角2下拉,多選

我已經安裝使用

npm install angular-2-dropdown-multiselect 

然後加入system.config.js進入map

'angular-2-dropdown-multiselect': 'node_modules/angular-2-dropdown-multiselect', 

,並在此LIB在packages

'angular-2-dropdown-multiselect': { 
     main: 'index.js', 
     defaultExtension: 'js' 
    } 

,但仍這顯示

GET http://localhost:3000/node_modules/angular-2-dropdown-multiselect/index.js 404 (Not Found) 
scheduleTask @ zone.js:1645 
ZoneDelegate.scheduleTask @ zone.js:255 
Zone.scheduleMacroTask @ zone.js:168 
(anonymous) @ zone.js:1669 
send @ VM519:3 
fetchTextFromURL @ system.src.js:1051 
(anonymous) @ system.src.js:1778 
ZoneAwarePromise @ zone.js:536 
(anonymous) @ system.src.js:1777 
(anonymous) @ system.src.js:2806 
(anonymous) @ system.src.js:3384 
(anonymous) @ system.src.js:3707 
(anonymous) @ system.src.js:4099 
(anonymous) @ system.src.js:4562 
(anonymous) @ system.src.js:4831 
(anonymous) @ system.src.js:407 
ZoneDelegate.invoke @ zone.js:242 
Zone.run @ zone.js:113 
(anonymous) @ zone.js:520 
ZoneDelegate.invokeTask @ zone.js:275 
Zone.runTask @ zone.js:151 
drainMicroTaskQueue @ zone.js:418 
ZoneTask.invoke @ zone.js:349 
2017-03-09 15:15:11.555 (index):23 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/node_modules/angular-2-dropdown-multiselect/index.js 
    Error: XHR error (404 Not Found) loading http://localhost:3000/node_modules/angular-2-dropdown-multiselect/index.js 
     at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:3000/node_modules/zone.js/dist/zone.js:889:29) [<root>] 
     at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:151:47) [<root> => <root>] 
     at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:345:33) [<root>] 
    Error loading http://localhost:3000/node_modules/angular-2-dropdown-multiselect/index.js as "angular-2-dropdown-multiselect" from http://localhost:3000/app/app.module.js 
     at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:3000/node_modules/zone.js/dist/zone.js:889:29) [<root>] 
     at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:151:47) [<root> => <root>] 
     at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:345:33) [<root>] 
    Error loading http://localhost:3000/node_modules/angular-2-dropdown-multiselect/index.js as "angular-2-dropdown-multiselect" from http://localhost:3000/app/app.module.js 
(anonymous) @ (index):23 
ZoneDelegate.invoke @ zone.js:242 
Zone.run @ zone.js:113 
(anonymous) @ zone.js:520 
ZoneDelegate.invokeTask @ zone.js:275 
Zone.runTask @ zone.js:151 
drainMicroTaskQueue @ zone.js:418 
ZoneTask.invoke @ zone.js:349 
2017-03-09 15:15:12.647 zone.js:1645 GET http://localhost:3000/node_modules/angular-2-dropdown-multiselect/index.js 404 (Not Found) 

難道我失去了一些東西?

+0

你應該直接使用角度-2-下拉-多選/ SRC /多選-dropdown.js爲有在包沒有index.js。 – Pengyy

回答

1

嘗試

'angular-2-dropdown-multiselect': 'node_modules/angular-2-dropdown-multiselect/src/multiselect-dropdown.js', 

Plunker Example

+0

這現在正在工作,但以扭曲的方式。需要引導? –

+1

'依賴Bootstrap CSS 3或4,Font Awesome(可選)'https://github.com/softsimon/angular-2-dropdown-multiselect – yurzui

+0

我該如何設置寬度?我正在嘗試寬度爲100%的樣式屬性。但不工作:( –