angular2/moment 和 ngx-translate 上的动态语言环境

Question

Angular 4.x - ngx-translate - angular2-moment

如何在动态语言环境中使用“amTimeAgo”和“amLocale”？我是说， 即这有效

<p> {{ note.createdAt | amLocale: 'es' | amTimeAgo  }} </p>

但我想将“es”转换为动态变量。 最好的方法是什么？使用带有 ngx-translate 服务的自定义管道或...从组件内部调用，如下所示：

//myComponent.ts
ngOnInit() {
        this.translate.onLangChange.subscribe((event: LangChangeEvent) => {
            this.momentLang = event.lang;
        });
    }

// myComponent.html
<p> {{ note.createdAt | amLocale: momentLang  | amTimeAgo  }} </p>

Answer 1

在你的拦截器组件中

import * as moment from 'moment';

const language = localStorage.getItem('language'); (language setted before)
moment.locale(language);