момент дает мне ошибку в угловых 5 HTML шаблон

Question

Я использую момент v2.22.0 в угловых 5, и вот как я импортировал его в модуль -

import * as moment from 'moment';

и использую его в компоненте как -

export class ChatComponent {
  .
  .
  .
  public moment: any = moment;
  .
  .
}

и когда я использую его в html-шаблоне -

<div>{{moment(activeTeam.createdAt).format('LL')}}</div>

, он выдает мне сообщение об ошибке -

[Angular] Member 'moment' is not callable

Может кто-нибудь сказать мне, что я делаю неправильно !!

Answer 1

Попробуйте импортировать moment как:

import  moment from 'moment';

HTML:

<div>{{getFormat(activeTeam)}}</div>

TS:

getFormat(activeTeam){
   return moment(activeTeam.createdAt).format('LL')
}

Answer 2

удалить * as форма импорта

Для установки moment из npm install moment --save

Демонстрация Stackblitz

import  moment from 'moment';

export class ChatComponent {
  moment: any = moment;
}

<div>{{moment(activeTeam.createdAt).format('LL')}}</div>

Answer 3

Вместо того, чтобы объявлять тип момента как любой, объявите его как moment: () => any;