0

我正在使用来自 ng2-bootstrap 的 datepicker。

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

我在组件中导入了 DATEPICKER_DIRECTIVES

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

将其添加到指令列表

directives: [DATEPICKER_DIRECTIVES],

然后在我的模板中我像这样使用它：

<datepicker [(ngModel)]="dt" [minDate]="minDate" [showWeeks]="true"></datepicker>

我的 systemjs 配置如下所示：

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);

一切都编译没有任何错误，但是当我在浏览器中运行它时，它会在控制台中显示以下错误：

/content/node_modules/ng2-bootstrap/components/datepicker 404 (Not Found)

我不确定为什么它仍在 /content/node_modules/ng2-bootstrap/components/datepicker 中搜索 datepicker，我已指定在 node_modules/ng2-bootstrap/components/datepicker 中查找。

4

1 回答 1

0

您必须确保在 index.html 中包含 ng2-bootstrap 库：

<script src="node_modules/ng2-bootstrap/bundles/ng2-bootstrap.min.js"></script>
于 2016-06-12T19:21:57.773 回答