如何在angular 2 typescript应用程序中使用moment.js库?

我尝试使用它与typescript绑定:

npm install moment --save
typings install moment --ambient -- save

test.ts:

import {moment} from 'moment/moment';

如果没有:

npm install moment --save

test.ts:

var moment = require('moment/moment');

但是当我调用moment.format()时，我得到一个错误。应该是简单的，谁能提供一个命令行/导入组合，将工作?

当前回答

除了SnareChop的答案，我还必须更改momentjs的类型文件。

在moment-node.d。我替换的ts:

export = moment;

with

export default moment;

其他回答

我遵循了允许allowSyntheticDefaultImports的建议(因为没有从时刻到我使用的导出)，使用System。然后我听从别人的建议使用:

import moment from 'moment';

在system.js配置中映射时刻。由于某些原因，其他import语句对我不起作用

我们现在使用模块，

try import {MomentModule} from 'angular -moment/moment.module';

在NPM安装angar2 -moment后

http://ngmodules.org/modules/angular2-moment

2017年4月更新:

从版本2.13.0开始，Moment包含了一个typescript定义文件。https://momentjs.com/docs/#/use-it/typescript/

只要用npm在你的控制台类型中安装它

npm install --save moment

然后在你的Angular应用中，导入就像这样简单:

import * as moment from 'moment';

就是这样，你得到了完全的Typescript支持!

额外编辑:要在Typescript中输入一个变量或属性Moment，你可以这样做，例如:

let myMoment: moment.Moment = moment("someDate");

尝试在tsconfig.json中添加" allowsyntheticdefaulultimports ": true。

国旗的作用是什么?

这基本上是告诉TypeScript编译器，可以使用ES6导入语句，即。

import * as moment from 'moment/moment';

在CommonJS模块上，比如Moment.js，它没有声明默认导出。该标志只影响类型检查，不影响生成的代码。

如果你使用SystemJS作为模块加载器，这是必要的。如果你告诉TS编译器你使用SystemJS，该标志将自动打开:

"module": "system"

如果ide被配置为使用tsconfig.json，这也将删除由它们抛出的任何错误。

在systemjs中，我所做的是。我添加了map

map: {
   .....,
   'moment': 'node_modules/moment/moment.js',
   .....
}

然后你可以很容易地导入力矩

import * as moment from 'moment'

推荐文章