如何使用瞬间。angular 2 typescript应用程序中的js库？

Question

我尝试将其用于typescript绑定：

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

测试. ts:

import {moment} from 'moment/moment';

没有:

npm install moment --save

测试. ts:

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

但当我呼唤那一刻。format（），我得到一个错误。应该很简单，有人能提供一个命令行/导入组合吗？

Answer 1

下面的方法对我有效。

首先，安装类型定义。

键入安装时刻--保存

（注意：不是--的环境）

然后，解决缺少适当出口的问题:

import * as moment from 'moment';

Answer 2

moment是第三方全球资源。moment对象位于浏览器中的窗口上。因此，在angular2应用程序中导入是不正确的。而是包含＜code＞

为了让 TypeScript 满意，您可以添加

declare var moment: any;

在文件的顶部，您可以使用它来阻止编译错误，或者您可以使用

///<reference path="./path/to/moment.d.ts" />

或者使用tsd安装moment.d.ts文件，TypeScript可能会自行找到该文件。

例

import {Component} from 'angular2/core';
declare var moment: any;

@Component({
    selector: 'example',
    template: '<h1>Today is {{today}}</h1>'
})
export class ExampleComponent{
    today: string = moment().format('D MMM YYYY');
}

只需确保在html中添加脚本标记，否则moment将不存在。

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

模块加载力矩

首先，您需要设置一个模块加载器（如 System.js 来加载 moment commonjs 文件

System.config({
    ...
    packages: {
        moment: {
            map: 'node_modules/moment/moment.js',
            type: 'cjs',
            defaultExtension: 'js'
        }
    }
});

然后将时刻导入到需要使用的文件中

import * as moment from 'moment';

或

import moment = require('moment');

编辑:

也有一些捆绑器的选项，如Webpack或SystemJS builder或Browserify，将使moment远离窗口对象。有关这些的更多信息，请访问它们各自的网站获取指导。

Answer 3

2017年4月更新：

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

只需在您的控制台类型中用npm安装它

npm install --save moment

然后在您的Angular应用程序中，导入非常简单：

import * as moment from 'moment';

就是这样，您将获得完整的打字稿支持！

额外的编辑：要在打字稿中将变量或属性键入为动力，您可以这样做，例如：

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