gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 00:33:53 24 4
gpt4 key购买 nike

我将通过书籍教程来学习 TypeScriptAngularJS 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>..

`
})

最佳答案

我找到了解决方法:

根据我在问题中所写的内容,在[我的项目文件夹]\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';放在文件的开头,它可以工作:所有语言都可用

关于node.js - Angular2 + TypeScript + moment.js => 语言环境并不全部存在(只是 'en' ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39963988/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com