我尝试使用它与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()时，我得到一个错误。 应该是简单的，谁能提供一个命令行/导入组合，将工作?
当前回答
我们现在使用模块，
try import {MomentModule} from 'angular -moment/moment.module';
在NPM安装angar2 -moment后
http://ngmodules.org/modules/angular2-moment
其他回答
我认为:
NPM安装时刻——保存
在systemjs.config.js文件的map数组中添加:
“时刻”:“node_modules /时刻”
向包数组添加:
- = ytet -伊甸园字幕组= -翻译:
在你的组件中。ts使用: Import * as moment from 'moment/moment';
就是这样。你可以从组件的类中使用:
今天:string = moment()。format('D MMM YYYY');
对于ANGULAR CLI用户
使用外部库在这里的文档中:
https://github.com/angular/angular-cli/wiki/stories-third-party-lib
Simply install your library via npm install lib-name --save and import it in your code. If the library does not include typings, you can install them using: npm install lib-name --save npm install @types/lib-name --save-dev Then open src/tsconfig.app.json and add it to the types array: "types":[ "lib-name" ] If the library you added typings for is only to be used on your e2e tests, instead use e2e/tsconfig.e2e.json. The same goes for unit tests and src/tsconfig.spec.json. If the library doesn't have typings available at @types/, you can still use it by manually adding typings for it: First, create a typings.d.ts file in your src/ folder. This file will be automatically included as global type definition. Then, in src/typings.d.ts, add the following code: declare module 'typeless-package'; Finally, in the component or file that uses the library, add the following code: import * as typelessPackage from 'typeless-package'; typelessPackage.method(); Done. Note: you might need or find useful to define more typings for the library that you're trying to use.
下面的方法对我很有效。
首先，安装moment的类型定义。
类型安装时刻—保存
(注:NOT -ambient)
然后，为了解决缺乏适当的导出:
import * as moment from 'moment';
angular2-moment库有像{{myDate | amTimeAgo}}这样的管道用于.html文件中。
这些管道也可以作为组件类(.ts)文件中的Typescript函数来访问。首先按照提示安装库:
npm install --save angular2-moment
在node_modules/angular2-moment现在将是“.pipe.d”。例如calendar.pipe.d。ts, date-format.pipe.d。t等等。
每一个都包含等效管道的Typescript函数名，例如，DateFormatPipe()是amDateFormatPipe的函数。
要在项目中使用DateFormatPipe，请在app.module.ts中将其导入并添加到全局提供程序中:
import { DateFormatPipe } from "angular2-moment";
.....
providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}, ...., DateFormatPipe]
然后在任何你想要使用该函数的组件中，将它导入到顶部，注入到构造函数中并使用:
import { DateFormatPipe } from "angular2-moment";
....
constructor(......., public dfp: DateFormatPipe) {
let raw = new Date(2015, 1, 12);
this.formattedDate = dfp.transform(raw, 'D MMM YYYY');
}
要使用任何函数都遵循这个过程。如果有一种方法可以访问所有的函数，那就太好了，但上面的解决方案都不适合我。
尝试在tsconfig.json中添加" allowsyntheticdefaulultimports ": true。
国旗的作用是什么?
这基本上是告诉TypeScript编译器，可以使用ES6导入语句，即。
import * as moment from 'moment/moment';
在CommonJS模块上，比如Moment.js，它没有声明默认导出。该标志只影响类型检查，不影响生成的代码。
如果你使用SystemJS作为模块加载器，这是必要的。如果你告诉TS编译器你使用SystemJS，该标志将自动打开:
"module": "system"
如果ide被配置为使用tsconfig.json，这也将删除由它们抛出的任何错误。
