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);