angular - 如何将 ng2-datepicker 用于 Angular 2 应用程序

Question

我想在我的应用程序中包含 ng2-datepicker 模块。我尝试按照自述文件中的说明进行操作。

npm install ng2-datepicker --save

将 systemjs.config.js 文件修改为:

.map {
 'ng2-datepicker': 'npm:ng2-datepicker',
       'moment': 'npm:moment/moment.js'
}
  'ng2-datepicker': {
          format: 'register',
        defaultExtension: 'js'
      }

在 index.html 中添加了以下行:

<script src="node_modules/moment/moment.js"></script>

在 app.module.ts 中添加了以下行

  import { DatePicker } from 'ng2-datepicker/ng2-datepicker';
declarations: [ AppComponent ,
                DatePicker]

加载应用程序时出现以下错误:

Error: ReferenceError: require is not defined
        at eval (http://localhost:3000/node_modules/ng2-datepicker/ng2-datepicker.js:2:24)
        at eval (http://localhost:3000/node_modules/ng2-datepicker/ng2-datepicker.js:7:3)
        at ZoneDelegate.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:203:28)     
           Evaluating http://localhost:3000/node_modules/ng2-datepicker/ng2-datepicker.js   
           Error loading http://localhost:3000/node_modules/ng2-datepicker/ng2-datepicker.js as "ng2-datepicker/ng2-datepicker" from http://localhost:3000/app/app.module.js

Answer 1

我可能会使用不同的编译器。 但就我而言，这是我的 map 定义:

var map = {
   ...
   'ng2-datepicker':               'app-ui/node_modules/ng2-datepicker',
   'moment':                       'app-ui/node_modules/moment',
   ... 
};

我正在使用 system.js 和没有 moment.js 的映射。