node.js - Angular2 + TypeScript + moment.js => 语言环境并不全部存在(只是 'en' )

Question

我将通过书籍教程来学习 TypeScript 和 AngularJS 2.0:(Become_a_Ninja_with_Angular2)。

在某些时候，它解释了如何制作自己的 Pipe 并通过 moment.js 的实现。

在我的项目所在的文件夹中，我在 CLI 中执行:npm install moment (仅供引用:这本书还告诉我要执行 typings install --save --ambient moment-node ，但是即使我将 --ambient 更改为 --global ，也会引发错误，而且使用 moment.js 作为其余代码也不会出现此错误我在下面描述了运行)。

然后，由于之前的 CLI，它在我的项目文件夹下创建:[my project folder]\node_modules\moment

然后在 [my project folder]\main.html ，我有一个<script>标记为:`

<script>
    System.config({
                defaultJSExtensions: true,
                map: {
                    ... [plenty of stuff starting with @angular]..
                    '@angular/platform-browser-dynamic':'node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
                    'rxjs': 'node_modules/rxjs',
                    'moment':'node_modules/moment/moment'
               }
    });

System.import('main');
</script>

我的自定义管道如下所示:

import { PipeTransform, Pipe } from '@angular/core';
import * as moment from 'moment';
import 'moment/../locale/fr';

@Pipe({name: 'fromNow'})
export class FromNowPipe implements PipeTransform {
    transform(value,args){
         let mydate = moment(new Date(value));


console.log(moment.locales());

         return mydate.fromNow();

    }

}

正如您在我的自定义管道代码中看到的，访问区域设置 'fr' ，我必须添加 import 'moment/../locale/fr (what I found by looking at already existing solution on StackOverflow)。如果未实现此标签，我可以访问 'en'仅有的。这意味着添加其他语言将需要添加 import 'moment/../locale/[the locale I want available] .

任何人都知道如何拥有所有 locale来自 lib moment.js，仅包含单个 import * as moment from 'moment';声明？

PS:我添加到[我的项目文件夹]\app.module.ts:

import { FromNowPipe } from './custom_pipes/fromnow.pipe';
...
    @NgModule({
        ...
        declarations: [...,FromNowPipe],
        ...
    })
...

在我的一个组件的某处，我有:

[@Component({
    selector: 'ns-mycomponent',
    template:`
..              <div>{{ '2016/05/01'|fromNow }}</div>..

               `
})

Answer 1

我找到了解决方法:

根据我在问题中所写的内容，在[我的项目文件夹]\main.html中:

 System.config({
            defaultJSExtensions: true,
            map: {
                ... 
           }
});

我用 'moment':'node_modules/moment/min/moment-with-locales.min.js' 替换 'moment':'node_modules/moment/moment'

在我的 Pipe 文件中，我只是将:import * as moment from 'moment';放在文件的开头，它可以工作:所有语言都可用。