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，也会引发错误，此错误也不会成为问题{{1我将在下面描述的其余代码中运行。）

然后，作为先前CLI的结果，它在我的项目文件夹下创建：moment.js

然后在[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'（what I found by looking at already existing solution on StackOverflow）。如果此标记未实现，我只能访问import 'moment/../locale/fr。这意味着添加其他语言需要添加'en'。

任何人都有任何想法如何使用单个import 'moment/../locale/[the locale I want available]语句从lib moment.js中获取所有locale？

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

import * as moment from 'moment';

在我的某个组件中的某处：

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

Answer 1

我找到了解决方法：

根据我在问题中所写的内容，[my project folder]\main.html：

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

我用'moment':'node_modules/moment/moment'

取代'moment':'node_modules/moment/min/moment-with-locales.min.js'

在我的管道文件中，我刚刚保留：import * as moment from 'moment';位于文件的开头且有效：所有语言都可用。

Angular2 + TypeScript + moment.js =＆gt;语言环境并非全部存在（只是＆＃39; en＆＃39;）

1 个答案: