如何在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()时，我得到一个错误。应该是简单的，谁能提供一个命令行/导入组合，将工作?

当前回答

要在Typescript项目中使用它，你需要安装moment:

NPM安装时刻——保存

在安装moment之后，你可以在导入后的任何.ts文件中使用它:

Import * as moment from "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");

如果你愿意添加更多的第三方包，我使用了angular2-moment库。安装非常简单，您应该遵循README上的最新说明。因此，我还安装了类型。

它对我来说就像一个魅力，几乎没有添加任何代码来让它工作。

使用ng命令行

> npm install moment --save

在app.module

import * as moment from 'moment';

providers: [{ provide: 'moment', useValue: moment }]

在组件

constructor(@Inject('moment') private moment)

这样你就导入了一次时刻

5 . UPDATE Angular =>

{
   provide: 'moment', useFactory: (): any => moment
}

对我来说，在aot中工作还有通用的

除了利用时间，我什么都不喜欢。时刻我得到了

Error   Typescript  Type 'typeof moment' is not assignable to type 'Moment'. Property 'format' is missing in type 'typeof moment'.

我们现在使用模块，

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

在NPM安装angar2 -moment后

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

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

国旗的作用是什么?

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

import * as moment from 'moment/moment';

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

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

"module": "system"

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

推荐文章