Angular 2 ng2-bootstrap datepicker systemjs 404 error -

-

i using datepicker ng2-bootstrap.

https://valor-software.com/ng2-bootstrap/#/datepicker

i have imported datepicker_directives in component

import { datepicker_directives } './../../../node_modules/ng2-bootstrap/components/datepicker';

added directives list

directives: [datepicker_directives],

and in template using this:

<datepicker [(ngmodel)]="dt" [mindate]="mindate" [showweeks]="true"></datepicker>

my systemjs configuration looks this:

var map = {         'app': 'content/app',         'rxjs': 'node_modules/rxjs',         '@angular': 'node_modules/@angular',         "angular2-masonry": "node_modules/angular2-masonry",         'datepicker': 'node_modules/ng2-bootstrap/components/datepicker'     };  var paths = {         "masonry-layout": "node_modules/masonry-layout/dist/masonry.pkgd.js",         'datepicker': 'node_modules/ng2-bootstrap/components/datepicker/datepicker.component.js',     };   var packages = {         'app': { main: 'main.js', defaultextension: 'js' },         'rxjs': { defaultextension: 'js' },         "angular2-masonry": { defaultextension: 'js', main: "index" },         'datepicker': { defaultextension: 'js', main: "datepicker.component" }     };  var angularpackages = [     '@angular/common',     '@angular/compiler',     '@angular/core',     '@angular/http',     '@angular/platform-browser',     '@angular/platform-browser-dynamic',     '@angular/router' ];  angularpackages.foreach(function (pkgname) {     packages[pkgname] = {         main: 'index.js', defaultextension: 'js'     }; });   var config = {         map: map,         packages: packages,         paths: paths     };      system.config(config);

everything compiles without error, when run in browser displays below error in console:

/content/node_modules/ng2-bootstrap/components/datepicker 404 (not found)

i not sure why still searching datepicker in /content/node_modules/ng2-bootstrap/components/datepicker, have specified in node_modules/ng2-bootstrap/components/datepicker.

you have make sure include ng2-bootstrap library in index.html:

<script src="node_modules/ng2-bootstrap/bundles/ng2-bootstrap.min.js"></script>

Comments

Post a Comment

Popular posts from this blog

sequelize.js - Sequelize group by with association includes id -

-
so when requesting group sequelize follows: return models.workingcalendar .findall({ attributes: [ 'workingcalendar.periodid', 'workingcalendar.date', 'period.name' ], include: [ { model: models.period, attributes: [] } ], where: { getsudoid: currentgetsudo.id, unitplantid: unitplantid }, group: ['workingcalendar.periodid', 'workingcalendar.date', 'period.name'], }); sequelize run query: select [workingcalendar].[id], [workingcalendar].[periodid], [workingcalendar].[date], [period].[name] [workingcalendars] [workingcalendar] left outer join [periods] [period] on [wor...
Read more

java - Android raising EPERM (Operation not permitted) when attempting to send UDP packet after network connection -

-
when responding supplicant_state_changed_action broadcast , attempting send udp packet, exception: java.net.socketexception: sendto failed: eperm (operation not permitted) @ libcore.io.iobridge.maybethrowaftersendto(iobridge.java:542) @ libcore.io.iobridge.sendto(iobridge.java:511) @ java.net.plaindatagramsocketimpl.send(plaindatagramsocketimpl.java:184) @ java.net.datagramsocket.send(datagramsocket.java:305) @ com.mycompany.app.serviceclass.discover(serviceclass.java:355)at com.mycompany.app.serviceclass.access$600(serviceclass.java:39) @ com.mycompany.app.serviceclass$statemachine.run(serviceclass.java:242) @ java.lang.thread.run(thread.java:818) caused by: android.system.errnoexception: sendto failed: eperm (operation not permitted) @ libcore.io.posix.sendtobytes(native method) @ libcore.io.posix.sendto(posix.java:211) @ libcore.io.blockguardos.sendto(blockguardos.java:278) @ libcore.io.iobridge.sendto(iobridge.java:509) @ java.net.plaindat...
Read more

c++ - Migration from QScriptEngine to QJSEngine -

-
i'm migrating qscriptengine code on qjsengine. now, have: class pars { public: static qscriptvalue printmainlog(qscriptcontext* c, qscriptengine* e); }; qscriptvalue pars::printmainlog(qscriptcontext* c, qscriptengine* e) { //some actions return e->globalobject().property(""); } ... qscriptengine engine; ... engine.globalobject().setproperty("printlog",engine.newfunction(pars::printmainlog)); so, user can put printlog("what ever"); in application in , example, qlineedit , function pars::printmainlog evalute. is there way qjsengine? so, user put same printlog("what ever");? way find here , user should put logger.printlog("what ever"); logger class inherited qobject printlog slot.
Read more