[typescript] Angular 2 Typescript 앱에서 moment.js 라이브러리를 사용하는 방법은 무엇입니까?

moment타사 글로벌 리소스입니다. 모멘트 객체 window가 브라우저에 있습니다. 따라서 importangular2 애플리케이션에서 올바르지 않습니다 . 대신 <script>moment.js 파일을로드 할 태그를 HTML에 포함 하십시오.

TypeScript를 행복하게하려면 추가 할 수 있습니다

declare var moment: any;

파일 상단에서 컴파일 오류를 중지하는 데 사용하거나

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

또는 tsd를 사용하여 TypeScript가 자체적으로 찾을 수있는 moment.d.ts 파일을 설치하십시오.

예

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에 스크립트 태그를 추가하십시오. 그렇지 않으면 순간이 존재하지 않습니다.

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

모듈 로딩 moment

먼저 moment.js 파일을로드하려면 System.js와 같은 모듈 로더를 설정해야 합니다.

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 빌더 또는 Browserify와 같은 일부 번 들러에는 창 오브젝트에서 벗어나는 옵션도 있습니다. 이에 대한 자세한 내용은 해당 웹 사이트를 방문하여 지시하십시오.

답변

import * as moment from 'moment';

npm install moment --save

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

today: string = moment().format('D MMM YYYY');

typings install --save --global dt~moment dt~moment-node

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

today: string = moment().format('D MMM YYYY');